Javascript Front Page Slider- Fade Effect

We have a slider on our front page and I'm not happy with the transition. Right now it 'flicks' to the next slide. I would like a smoother fade in and out transition.

I've searched high and low and the two sites I 'think' I got the furthest on are:
JavaScript Fade Tutorial – Fading Elements In/Out | Web Development Blog
jQuery Effects - Fading

But they would fade in and out the whole page(no clue how I did that). The code that I am working on is:

Code:

---

<script type="text/javascript">
$(document).ready(function(){ 
$(".cmsfcs_{vb:raw id}").tabs({fx:{opacity: "toggle", duration:1}}).tabs("rotate", 10000, true); 
$(".cmsfcs_{vb:raw id}").hover( 
function() { 
$(".cmsfcs_{vb:raw id}").tabs("rotate",0,true); 
}, 
function() { 
$(".cmsfcs_{vb:raw id}").tabs("rotate",10000,true); 
} 
); 
}); 
</script>

---

I've tried inserting various variations of the code in various locations(one I "thought" I had was fade in at the start and fade out at the bottom... didn't work). Does anyone have any ideas?

UPDATE: changing duration from 1 to "fast" makes a fade in, but doesnt fade out so there is a flicker of white. You also get a flicker of the left menus.

Java != javascript. Moving this from the New to Java forum.

Quote:

---

Originally Posted by KevinWorkman

Java != javascript. Moving this from the New to Java forum.

---

Obviously new to any java being that I didnt know the difference... :) Sorry.

Quote:

---

Originally Posted by SRobins19777

Obviously new to any java being that I didnt know the difference... :) Sorry.

---

It's okay. It's a common mistake, but think about it this way: Java has about as much in common with Javascript as ham has in common with hamsters. You're probably more likely to receive help on a forum specifically aimed at javascript development.