当前位置: 懒人建站 > JS代码 > 焦点幻灯片 >

类似谷歌图片的图片展示代码

该图文展示代码类似谷歌图片的图片展示效果。提供了四种点击左右翻动方法,支持图片自动播放。图文列表在test_codefans.net.js中设置,可以定义图片路径,缩略图路径,图片描述等。
分享到:

代码说明:

这个图文展示代码类似谷歌图片的图片展示效果。提供了四种点击左右翻动方法,支持图片自动播放。

页面中<div class="bigPic"><img id="screen" src="img/zp25.jpg" /></div>是用来设置方面图片的。
所有的图文列表在test_codefans.net.js中设置,主要可以定义图片路径,缩略图路径,图片描述等。

如下示例:
{"thumbPicUrl":"img/zp25s.jpg","articleTag":"0_外观图片","tag":"00_外观图片","type":"4","pubLinkId":"0","articleUrl":"","productId":"349691","id":"2531093","fileSize":"0","articleTitle":"","isCms":"2","alt":"","name":"1245141910459.jpg","bigPicUrl":"img/zp01.jpg","uploadBy":"zhangwenhui","middlePicUrl":"img/zp01.jpg"},
所有的都是这么一个循环。生成一个这样的循环我想不是什么难事。特别是现在的好多CMS直接生成静态,实现起来也是很容易。

 

来源:懒人建站|发布人:懒人建站|2010-03-30|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册