Question

jquery滚动放大效果如何实现啊。如图效果

如图鼠标点击滚动到中间并且放大如何实现求指教

Answer 1

jquery点击图片显示原图效果。
具体点击后效果如下图。
实现这种效果多种插件，fancybox和lightbox等，fancybox效果更多一些
我fancybox官网太卡了，本文附件是lightbox例子
使用过程中主要步骤

<script type=”text/javascript” src=”js/jquery.js”></script>
<script type=”text/javascript” src=”js/jquery.lightbox-0.5.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/jquery.lightbox-0.5.css” media=”screen” />
<script type=”text/javascript”>
$(function() {
$(‘#gallery a’).lightBox();
});
</script>
<div id=”gallery”>
<ul>
<li>
<a href=”photos/image1.jpg” title=”11″>
<img src=”photos/thumb_image1.jpg” width=”72″ height=”72″ alt=”" />
</a>
</li>
<ul>
</div>

以上步骤缺一不可.