Adding Easing Slider to header.php

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>

Could you link me to an demo page?

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

this is the demo page..

https://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:
https://heuristicstudio.org/apple/maaden1/about-us/history/

Hoping for your help sir..

thank you..

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…

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.