Слайд-шоу изображений на Hover - PullRequest
Новая
       17

Слайд-шоу изображений на Hover

1 голос
/ 07 марта 2012

С моим ограниченным знанием javascript я собрал эту функцию для циклического перебора некоторых изображений, когда мышь завис над изображением с определенным классом из определенного домена.

Мне интересно, существует ли более простой способВыполнение этого? 

function imgRotate(){
var tid;
$('.tooltip img, .relatedImg, .searchImg')
.mouseenter(
    function(){
        $('.tooltip img, .relatedImg, .searchImg').stop();
        var selector = $(this);
        var imgSrc = selector.attr('src'); 
        if(imgSrc.indexOf("ytimg.com/") > -1){
            imgSrc = imgSrc.replace('defaul', '');
            var imgSrcSliced = imgSrc.slice(0, -5);
            var loop = 2;
            selector.attr('src', imgSrcSliced+loop+'.jpg');
            loop++;
            function run(){
                selector.attr('src', imgSrcSliced+loop+'.jpg');
                loop++;
                if(loop == 4){
                    loop = 1;
                }
            }
            tid = setInterval(run,750);
        }
    })
.mouseleave(  
    function(){
        $('.tooltip img, .relatedImg, .searchImg').stop();
        clearInterval(tid);

    }); 
 }

Код javascript для div похож на код ниже 

<div class="tooltip">
<a href="video/4-dbv0pHd50"><div class="title">My Video for Raging Robert - Overweight Guy asks for Help</div>
<img src="http://i.ytimg.com/vi/4-dbv0pHd50/2.jpg"><ul>
<li><b>Description: </b>This video went crazy viral, because robert has made the fir ...</li>
<li><b>Views: </b>26,063</li></ul>
</a>
</div>
...