javascript - jquery carousel with hover effects -


here's url: http://174.120.239.48/~peakperf/

here's jquery:

http://pastebin.com/fb16ahcz

site still under heavy development.

if mouse on "services retention" on carousel see function should work like. on hover span element faded in, on mouse out hides. stuck, work fine. notice when click right arrow , scroll through carousel spans stuck "on".

any appreciated, thank you!

your mark invalid missing closing "a" tag (see below)

</a> 

here error in code.

           <a href="#" id="homeslide6-show">                <img src="http://174.120.239.48/~peakperf/wp-content/themes/strausberg/images/home_service_retention.jpg" width="200" height="92" />           </li>       </ul> 

additionally jquery code reduced 90% using each() function.

for example add id ul , so

<ul id="mycarousel"> 

    jquery('#mycarousel').find('span').each(function(){          jquery(this).hover(function() {              jquery(this).next().fadein('slow');              return false;          }, function(){              jquery(this).next().fadeout('slow');              return false;         });     }); 

ps, code fixed current html structure, should use classes making more flexible


Comments

Popular posts from this blog

Javascript line number mapping -

c# - Is it possible to remove an existing registration from Autofac container builder? -

php - Mysql PK and FK char(36) vs int(10) -