WordPress.org

Support

Support » Plugins and Hacks » Easing Slider » Adding Easing Slider to header.php

Adding Easing Slider to header.php

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author MatthewRuddy

    @matthewruddy

    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.

    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>
    Plugin Author MatthewRuddy

    @matthewruddy

    Could you link me to an demo page?

    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..

    Plugin Author MatthewRuddy

    @matthewruddy

    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>

    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…

    I’ve Got It….Thank You Sir Matthew…

    Plugin Author MatthewRuddy

    @matthewruddy

    Did it work when you removed the call for jQuery?

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

    thanks a lot for this wonderful plugin…

    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.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Adding Easing Slider to header.php’ is closed to new replies.
Skip to toolbar