WordPress.org

Ready to get started?Download WordPress

Forums

Easing Slider "Lite"
Adding Easing Slider to header.php (11 posts)

  1. JessicaRodgers
    Member
    Posted 4 years ago #

    I just want to make sure I can use the slider in the header file before I download the plugin.

    This plugin is really Slick btw. Great Job.

    http://wordpress.org/extend/plugins/easing-slider/

  2. MatthewRuddy
    Member
    Plugin Author

    Posted 4 years ago #

    Yes you can very easily.

    Simple paste this code wherever you wish the slider to show in your header.php file:

    <?php if (function_exists('easing_slider')){ easing_slider(); }; ?>

    Let me know if you need anymore help.

  3. lotlotgamuza
    Member
    Posted 3 years ago #

    hi great job for easing slider!

    Im using the easing slider in my wordpress site..i encounter problem because i want to have a sliding div at top..when i call the javascript for the sliding div..the slider stop working..Can you show me the way how to set this up?

    hoping for your help..

    this is my script:

    <?php wp_enqueue_script('jquery'); ?>
    <?php wp_head(); ?>
    <script src="<?php bloginfo("template_url"); ?>/js/jquery-1.2.6.min.js" type="text/javascript"></script>
    <script type="text/javascript">
                $(document).ready(function(){
                    $("#contactLink").click(function(){
                        if ($("#contactForm").is(":hidden")){
                            $("#contactForm").slideDown("slow");
                        }
                        else{
                            $("#contactForm").slideUp("slow");
                        }
                    });
    
                });
    
                function closeForm(){
                    $("#messageSent").show("slow");
                    setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
               }
            </script>
  4. MatthewRuddy
    Member
    Plugin Author

    Posted 3 years ago #

    Could you link me to an demo page?

  5. lotlotgamuza
    Member
    Posted 3 years ago #

    hi sir matthew..thank you for your reply..

    this is the demo page..

    http://heuristicstudio.org/apple/maaden1/

    the slider functions because i comment the code in bold
    <?php wp_enqueue_script('jquery'); ?>
    <?php wp_head(); ?>
    <!--<script src="<?php //bloginfo('template_url'); ?>/js/sliding.js" type="text/javascript"></script> -->
    <script type="text/javascript">
    google.load("jquery", "1");
    </script>
    <script type="text/javascript">
    function showSlidingDiv(){
    $("#slidingDiv").animate({"height": "toggle"}, { duration: 1000 });
    }
    </script>

    example of the sliding top:
    http://heuristicstudio.org/apple/maaden1/about-us/history/

    Hoping for your help sir..

    thank you..

  6. MatthewRuddy
    Member
    Plugin Author

    Posted 3 years ago #

    The reason it stops working is (mostly likely) because you are loading jQuery. The slider already loads jQuery and as a result loading it manually causes it to load twice, creating a confliction. Delete this line:

    <script src="<?php bloginfo("template_url"); ?>/js/jquery-1.2.6.min.js" type="text/javascript"></script>

  7. lotlotgamuza
    Member
    Posted 3 years ago #

    tnx for the reply sir matthew..

    can i ask for this..i really need to have the sliding top to be present..how can it be made..this sliding top will only function if this script is present ..

    <script src="<?php bloginfo("template_url"); ?>/js/jquery-1.2.6.min.js" type="text/javascript"></script>

    thank you so much...

  8. lotlotgamuza
    Member
    Posted 3 years ago #

    I've Got It....Thank You Sir Matthew...

  9. MatthewRuddy
    Member
    Plugin Author

    Posted 3 years ago #

    Did it work when you removed the call for jQuery?

  10. lotlotgamuza
    Member
    Posted 3 years ago #

    yes..i remove the call and use the jQuery.noConflict();

    thanks a lot for this wonderful plugin...

  11. rajeshs
    Member
    Posted 3 years ago #

    How to customize easing slider by adding buttons right side lower corner and text with description on left side lower corner. Thank you very much.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic