[jQuery] jcarousel - hide/animate buttons

[jQuery] jcarousel - hide/animate buttons


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.


























    • Topic Participants

    • david