jQuery弹出窗口插件FancyBox


FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该lightbox除了能够展示图片之外,还可以展示iframe的内容, 通过css自定义外观。

相对与Lightbox而言,FancyBox阴影效果更好更绚丽。

示例代码用FancyBox控制了id1和id2两个的效果:

<script type="text/javascript">
		$(document).ready(function() {
			//使用fancybox弹出自定义iframe
			$("#id1, #id2").fancybox({
				'width'				: '60%',
				'height'			: '100%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
		});
</script>

发表评论