Juicebox是HTML5完美的在线图片库解决方案,实现了类似QQ空间图像点击小图全屏浏览大图效果。它简单设置和易于使用的HTML5响应式图像画廊,美丽的，灵活的用户界面,具有形象直观的导航和智能预加载图像,全屏显示图像画廊，支持自动播放，音乐播放和超过100的定制选项,支持内置SEO、社会共享和购物车、支持移动设备。浏览器兼容器：Internet Explorer 7 +，Chrome，Firefox，Safari和Opera等等。
代码如下：

<script src="../jbcore/juicebox.js"><script>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<script>     new juicebox({         containerid: 'juicebox-container',         themeUrl: '../jbcore/classic/theme.css',         showAutoPlayButton:"true",         showAudioButton:"true",         showInfoButton:"true",         showNavButtons:"true",         audioUrlMp3:"extras/music.mp3",         audioUrlOgg:"extras/music.ogg",         loopAudio: "true",         playAudioOnLoad:"false",         showBackButton:"true",         backbuttonURL:"/demos/",         galleryTitlePosition:"NONE",         backButtonPosition: "OVERLAY",         showThumbPagingText: "true",         maxThumbColumns: "8",         enableDirectLinks: "true",         useFullscreenExpand: true,         captionPosition: "OVERLAY_IMAGE",         backButtonUseIcon: true     });   </script> <div id="juicebox-container"></div>

 

这个JS代码是很推荐的，效果非常不错，同时又有很好的兼容性。旺网建设推荐。