Title: Adding Easing Slider to header.php
Last modified: August 19, 2016

---

# Adding Easing Slider to header.php

 *  [JessicaRodgers](https://wordpress.org/support/users/jessicarodgers/)
 * (@jessicarodgers)
 * [15 years, 9 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/)
 * 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/](http://wordpress.org/extend/plugins/easing-slider/)

Viewing 10 replies - 1 through 10 (of 10 total)

 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [15 years, 9 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1614907)
 * 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.
 *  [lotlotgamuza](https://wordpress.org/support/users/lotlotgamuza/)
 * (@lotlotgamuza)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1615197)
 * **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](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1615198)
 * Could you link me to an demo page?
 *  [lotlotgamuza](https://wordpress.org/support/users/lotlotgamuza/)
 * (@lotlotgamuza)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1615199)
 * hi sir matthew..thank you for your reply..
 * this is the demo page..
 * [http://heuristicstudio.org/apple/maaden1/](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/](http://heuristicstudio.org/apple/maaden1/about-us/history/)
 * Hoping for your help sir..
 * thank you..
 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1615200)
 * 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>
 *  [lotlotgamuza](https://wordpress.org/support/users/lotlotgamuza/)
 * (@lotlotgamuza)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1615201)
 * 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…
 *  [lotlotgamuza](https://wordpress.org/support/users/lotlotgamuza/)
 * (@lotlotgamuza)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1615202)
 * I’ve Got It….Thank You Sir Matthew…
 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1615203)
 * Did it work when you removed the call for jQuery?
 *  [lotlotgamuza](https://wordpress.org/support/users/lotlotgamuza/)
 * (@lotlotgamuza)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1615204)
 * yes..i remove the call and use the jQuery.noConflict();
 * thanks a lot for this wonderful plugin…
 *  [rajeshs](https://wordpress.org/support/users/rajeshs/)
 * (@rajeshs)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1615257)
 * 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.

 * ![](https://s.w.org/plugins/geopattern-icon/easing-slider_262626.svg)
 * [Easing Slider](https://wordpress.org/plugins/easing-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/easing-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/easing-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/easing-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/easing-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/easing-slider/reviews/)

 * 10 replies
 * 4 participants
 * Last reply from: [rajeshs](https://wordpress.org/support/users/rajeshs/)
 * Last activity: [15 years, 5 months ago](https://wordpress.org/support/topic/adding-easing-slider-to-headerphp/#post-1615257)
 * Status: not resolved