jquery slider question

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!

whenever I put that last bit of code in, it just shows up on my page.

https://www.shopelemenope.com

I’m not even sure if I have the jquery files in the right places!!

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.