Title: JS Slides…HELP
Last modified: August 20, 2016

---

# JS Slides…HELP

 *  Resolved [ajmorris3](https://wordpress.org/support/users/ajmorris3/)
 * (@ajmorris3)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/js-slideshelp/)
 * I am trying to add JS Slides to my Sidebar post as it would reduce the need for
   a large sidebar and would create and very effective News slider.
 * I have added the basic
 *     ```
       <script type='text/javascript' src='http://www.cals.wisc.edu/wp-content/themes/cals/library/scripts</script>/js/slides.min.jquery.js?ver=3.2.1'>
   
       <div id="slides">
         <div class="slides_container">
           <div>
             <h1>Slide 1</h1>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
           </div>
           <div>
             <h1>Slide 2</h1>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
           </div>
           <div>
             <h1>Slide 3</h1>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
           </div>
           <div>
             <h1>Slide 4</h1>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
           </div>
         </div>
       </div>
       ```
   
 * to the sidebar and then I added
 *     ```
       <script src="<?php bloginfo('template_url'); ?>/tools/js/dropdown.js" type="text/javascript"></script>
   
       <style type="text/css" media="screen">
         .slides_container {
           width:470px;
           height:170px;
         }
         .slides_container div {
           width:470px;
           height:170px;
           display:block;
         }
       </style>	
   
       <script>
         $(function(){
           $("#slides").slides();
         });
       </script>
       ```
   
 * to the foot.php
 * I am wondering where am I going wrong in this and what do I need to fix?

The topic ‘JS Slides…HELP’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 0 replies
 * 1 participant
 * Last reply from: [ajmorris3](https://wordpress.org/support/users/ajmorris3/)
 * Last activity: [14 years, 7 months ago](https://wordpress.org/support/topic/js-slideshelp/)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics