我是新来的js,我需要改变几个图像悬停在相同的想象像这样:http://www.revzilla.com/在滑块,任何建议?如何翻转jQuery的图像?
THI是我的HTML,在CT图像我有一个移动你的鼠标在容器内几个图像替换其他IMGS:
<li class="product-primary clearfix">
<a href="https://validator.w3.org/nu/#textarea">
<div class="ct-image" style="background:url(imgs/product1.jpg)" data-image="imgs/product1.jpg" data-alt="">
<div class="banner-new"><span>new</span>
<p class="title-product-hidd">lorem</p>
</div>
<!--.banner-new-->
<div class="banner-acti">
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
<!--.banner-acti-->
</a>
<!--effetto all'hover-->
<div class="ct-hove">
<div class="text-pro">
<p class="text">I</p>
<p class="text">I</p>
<p class="tex">I</p>
</div>
<ul>
<li class="compare-icon"><a href="#"><i class="fa fa-eye"></i></a>
</li>
<li class="buy-icon"><a href="#"><i class="fa fa-heart-o"></i></a>
</li>
<li class="wishlist-icon"><a href="#"><i class="fa fa-database"></i></a>
</li>
</ul>
</div>
<!--.ct-hover-->
<div class="ct-descript-prod-left">
<p class="title-prod">Name</p>
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
<!--.ct-descript-pro-bt-->
<div class="ct-descript-prod-right">
<h4>€ 0.000.00</h4>
<ul>
<li class="imgLink" data-target="#">
<a href="#">
<img src="">
</a>
</li>
<li class="imgLink" data-target="#">
<a href="#">
<img src="">
</a>
</li>
</ul>
</div>
<!--.ct-descript-pro-bt-->
</li>
你能为此做一个小提琴吗? –
你是什么意思,“我需要更改几个图像悬停在同一个”你想一次显示多个图像悬停?或者你需要创建一个滑块? – RRR
像这样,http://www.revzilla.com/,看到底部的滑块,当你将图片悬停并移动鼠标时,imgs会改变,我需要复制相同的效果 – Armando