大多数jQuery形象滑块悬浮在8 kbs缩小的版本,和未压缩的发展大约15 kbs或更多文件,但如果有一种方法,使简单的消失,幻灯片,和其他几个漂亮的位,但带臃肿和毫无新意diagonal-cross褪色或螺旋溶解。
引用相关文件
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="jquery.orbit.min.js"></script>
<link rel="stylesheet" href="css/orbit.css">
HTML
<div id="featured">
<img src="link.jpg" alt="Link" />
<a href="www.zurb.com/playground"><img src="ezio.jpg" alt="Ezio" /></a>
<img src="chief.jpg" alt="Master Chief" />
<img src="marcusfenix.jpg" alt="Marcus Fenix" />
</div>
现在,几个音符,然后再继续。首先,轨道将动态确定的高度和宽度的图像和相应的规模,但是确保你所有的图片都是一样的大小或更大的图像将peek在两边。其次,你会注意到,“父div id”“特色”,但它没有。当你叫轨道插件,您设置自己的选择器和神奇的“轨道”类应用。最后,你会发现第二个图像(ezio.jpg)是包裹在锚——轨道1.1版本你可以把整个图像链接!
让我们看看激活插件的脚本。
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit();
});
</script>
