Hi.

Im trying to animate the prev/next buttons.
my aim is to make them invisible when not hovering the carousel.

first i tried to make the images invisible and visible when howering,
thats working.

i have a problem with hiding the next/prev buttons.
---

$(document).ready(function(){
                                                   $(".skin-name 
.jcarousel-prev").fadeTo("slow", 0);
                                                   $(".skin-name 
.jcarousel-next").fadeTo("slow", 0);

                                                   
$("#content").hover(function(){
                                                   $(".skin-name 
.jcarousel-prev").fadeTo("slow", 1.0);
                                                   $(".skin-name 
.jcarousel-next-horizontal").fadeTo("slow",
1.0);                                              },
                                                           function(){
                                                           $(".skin-name 
.jcarousel-prev").fadeTo("slow", 0);
                                                           $(".skin-name 
.jcarousel-next-horizontal").fadeTo("slow",
0);                                                        });
                                                        });

---


it doesnt hide at startup the webpage. i have to go over #content
first, then outside.
after that it works. is there a function in the jcarousel.js that
makes them visible?

where can i add a id"" to the next / prev div ?
cant find it.

Reply via email to