jquery mini滑块,生成唯一ID

时间:2016-04-08 10:08:54

标签: javascript php jquery joomla

你好我是jquery的新手,在我的网站上我有迷你滑块请看这里的demo: http://kulinari.ge/4x4/en/cars 这里我有两个滑块,问题是滑块在第二个滑块图像中重复,第二个滑动图像重复第一个滑块图像,在悬停时。有我的jquery代码,抱歉我的英语不好。我怎么能阻止这个?

jQuery(document).ready(function () {
    jQuery(".cars-img img").attr("src", jQuery(".img-log img").eq(0).attr("src"));
    jQuery(".img-log img").eq(0).attr("class", "active");
    jQuery(".img-log img").hover(function () {
        jQuery(".cars-img img").attr("src", jQuery(this).attr('src'));
        jQuery(".img-log img").removeAttr("class", "active");
        jQuery(this).attr('class', 'active');
    });
});

有html

<div class="cars-img">                  
    <img src="big image link" alt=""/>
</div>
<div class="img-smol">
    <div class="img-log">
        <a href="#">
            <img src="small image link" alt=""/>
        </a>
    </div>
</div>

0 个答案:

没有答案