jQuery
发布时间:2022-03-30 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在悬停缩略图上使用jquery更改主图像,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找像
this这样的东西,如果我将鼠标悬停在@R_
301_2506@上,主图像就
会发生变化.但是有
一个问题,因为我还需要像
fancybox这样的东西 – 点击主图像或@R_
301_2506@会
显示大图像.此外,在一行中应该有@R_
301_2506@的照片,如果有超过例如四个@R_
301_2506@,那么移动图库将有左/右箭头.有没有包含我所有要求的
解决方案?
试试这个 :
var mainImage = $("#mainImage");
$(".img-container img").hover(function(){
var src = $(this).attr("src");
$("#mainImage").attr("src",src);
});
mainImage.on("click",function(){
$(this).css("transform","scale(2)");
});
在这里工作小提琴:http://jsfiddle.net/RyDqX/
我希望它有所帮助.
大佬总结
以上是大佬教程为你收集整理的在悬停缩略图上使用jquery更改主图像全部内容,希望文章能够帮你解决在悬停缩略图上使用jquery更改主图像所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。