当前位置: 懒人建站 > 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|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册
你也许会喜欢X 关闭↑返回顶部→相关代码/文章
收藏到: 百度搜藏 新浪微博 QQ空间 更多
香港免备案空间,一年80元,500M空间、免费送100M mysql数据库。香港新世界电讯机房,与万网香港空间同机房,懒人建站同服务器。点击这里给我发消息速度演示:jquery 特效