图片自动切换已经用jquery实现,想在这基础上增加点击图片放大的效果。该如何实现?
下面是图片切换的脚本
function scrollBox() { var first = $('#scrollbox ul li:first'); var width = -(first.outerWidth(true)) + 'px'; $('#scrollbox ul').animate({ left: width }, { duration: 200, complete: function () { $('#scrollbox ul').append(first).css("left", "0"); } }); }; var myScroll = setInterval(scrollBox, 2500); $('#scrollbox').hover(function() { clearInterval(myScroll); }, function() { myScroll = setInterval(scrollBox, 2500); } );
点击放大是放大原图还是显示另外一个大图?
看这个:jquery 图片放大
但这需要2张图,一个是小的,一个是大的。我想只用1张图搞定。
@sidecore:
思路都是一样,你想要一张图那你就获取你自己的src,然后在中间显示。就稍微改一点而已。
那种写法是你给他什么它就显示什么。
@|WinKi|: 谢谢。看了下文章里面的介绍和js文件 思路清晰了!
弹出来一个Jquery.Dialog吧