Title: jquery slider question
Last modified: August 19, 2016

---

# jquery slider question

 *  [am5](https://wordpress.org/support/users/am5/)
 * (@am5)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/jquery-slider-question/)
 * I am trying to integrate this jquery slider into my wordpress theme:
 * [http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/](http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/)
 * and its coming out like this:
 * [http://www.shopelemenope.com/](http://www.shopelemenope.com/)
 * I’m hoping someone can tell me what I’m doing wrong.
 * Any help would be appreciated!

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

 *  [codestripper](https://wordpress.org/support/users/codestripper/)
 * (@codestripper)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/jquery-slider-question/#post-1362612)
 * Two things that could cause this:
 * Do you have the styles for the featured content slider in your theme’s main stylesheet?
   As much as I like to consolidate files, I have found that some jquery based image
   display scripts break unless you keep their stylesheets separate.
 * What more likely is the issue: script conflicts. If you are running several scripts
   that call JQuery, or scripts that use other libraries like Mootools or prototype.
 * You will need to put the featured content script code into noConflict mode by
   giving it a designation other than $.
 * Put these lines above the start of the content slider code in your header:
 *     ```
       // Use jQuery via $j(...)
       var $j = jQuery.noConflict();
       ```
   
 * The first line is just a comment so you can keep tabs (excuse the pun) on what
   you are using for calling jquery.
 * Then change $ to $j (or whatever extra letter you want, just something to make
   it unique.
 * So, your featured content header code will look something like this:
 *     ```
       // Use jQuery via $j(...)
       var $j = jQuery.noConflict();
       $j(document).ready(function(){
       		$j("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
       	});
       ```
   
 * Hope this helps!
 *  Thread Starter [am5](https://wordpress.org/support/users/am5/)
 * (@am5)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/jquery-slider-question/#post-1362613)
 * whenever I put that last bit of code in, it just shows up on my page.
 * [http://www.shopelemenope.com](http://www.shopelemenope.com)
 * I’m not even sure if I have the jquery files in the right places!!
 *  [codestripper](https://wordpress.org/support/users/codestripper/)
 * (@codestripper)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/jquery-slider-question/#post-1362713)
 * Ah. Then delete the `// Use jquery.....` line but leave everything else and reupload.
 * You could upload the slider specific .js file in your wordpress core’s js folder–
   wp-includes/js/ But preferably you should make your own js directory and put 
   it up in the same folder as your theme.
 * Then add a line in your header (usually where other scripts and css are listed)
   calling the script.
 * It should look something like this:
    `<script type="text/javascript" src="<?php
   bloginfo('template_directory'); ?>/js/whatever-your-script-name-is.js" ></script
   >`
 * Do a search here or Google for syntax, there are a lot of examples. Good luck.

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

The topic ‘jquery slider question’ is closed to new replies.

 * 3 replies
 * 2 participants
 * Last reply from: [codestripper](https://wordpress.org/support/users/codestripper/)
 * Last activity: [16 years, 3 months ago](https://wordpress.org/support/topic/jquery-slider-question/#post-1362713)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics