图片相册浏览,也可以作为焦点图展示图片组
图片地址是js中的数组获取
JavaScript Code
- <script type="text/javascript">
- var mygallery=new simpleGallery({
- wrapperid: "simplegallery1", //ID of main gallery container,
- dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
- imagearray: [
- ["pool.jpg", "http://en.wikipedia.org/wiki/Swimming_pool", "_new", "There's nothing like a nice swim in the Summer."],
- ["cave.jpg", "http://en.wikipedia.org/wiki/Cave", "", ""],
- ["fruits.jpg", "", "", "Eat your fruits, it's good for you!"],
- ["autumn.jpg", "", "", ""]
- ],
- autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
- persist: false, //remember last viewed slide and recall within same session?
- fadeduration: 500, //transition duration (milliseconds)
- oninit:function(){ //event that fires when gallery has initialized/ ready to run
- //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
- },
- onslide:function(curslide, i){ //event that fires after each slide is shown
- //Keyword "this": references current gallery instance
- //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
- //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
- }
- })
- </script>
XML/HTML Code
- <div id="simplegallery1"></div>
原文地址:http://www.freejs.net/article_jquerytupiantexiao_266.html
相关推荐
家居产品图片展示相册代码家居产品图片展示相册代码家居产品图片展示相册代码家居产品图片展示相册代码家居产品图片展示相册代码家居产品图片展示相册代码家居产品图片展示相册代码家居产品图片展示相册代码家居产品...
图片相册展示代码
flash图片特效制作banner焦点图片3D立体动画轮播滚动效果,带索引切换按钮,可以随意切换图片滚动。图片xml文件外部调用
jQuery相册图库图片浏览展示特效,可直接拿去当焦点图用,左侧显示缩略图列表,右侧为大图片显示,里面一共有8个例子,有些例子是展示如何实现图片淡入淡出效果的,有些是演示最基本的图片切换,有一些则是完整的...
图片相册的展示 (能旋转) 图片浏览
贴近用户体验的纯js,css图片相册浏览。拿来即用,也可以自己修改。
jquery特效,jquery焦点图,jquery图片轮换,jquery相册效果,焦点图实例,淘宝焦点图代码下载,{keyword},JS广告代码,JS特效代码
腾讯jquery图片浏览相册展示代码
非常漂亮的100个 jquery前端案例,包含幻灯片切换、图片缩放、相册、放大镜、图片拖着滚动等,可以做为你的学习设计参考。 jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 jQuery+CSS实用图片收缩与放大效果...
用gridview展示相册图片,可以配合另一个读取相册资源的示例一起,做个相册浏览程序。
腾讯体育频道相册展示js图片特效主要采用javascript脚本来实现的图片展示效果: 1、左侧为当前图片的简介描述 2、右侧为小图列表,可以上下滚动。 3、中间有大图显示当前图片,可以左右控制查看上一张图片与下...
仿系统图片浏览,根据第三方图片下载,添加图片浏览
40个图片播放器 焦点图 旋转幻灯片 四屏切换 相册代码实例 更多介绍 请访问http://blog.csdn.net/spritenet
今天我们要来分享一款基于jQuery的相册图片浏览插件,它是一款仿QQ空间的相册浏览组件,点击缩略图即可弹出图片浏览窗口,这款jQuery相册图片浏览插件的特点是:1、支持左右键来切换图片;2、支持ESC键退出相册浏览...
QQ相册展示_QQ新闻频道图片特效
jQuery 框架 图片 展示 相册
jquery hover图片相册集滑动展开显示全部图片过程 jquery hover图片相册集滑动展开显示全部图片过程 jquery hover图片相册集滑动展开显示全部图片过程
基于jquery的图片效果的图片产品展示jquery相册代码。自动循环滚动,可写入图片标题,图片说明,支持任意HTML标签,可点击左右滚动。适合做产品展示或者jquery图片展示
C#winform实现相册功能,可以添加图片,然后点击相册中的图片...C#winform实现相册功能,可以添加图片,然后点击相册中的图片显示在屏幕上面C#winform实现相册功能,可以添加图片,然后点击相册中的图片显示在屏幕上面
baguettebox.js图片插件制作点击相册图片全屏幻灯片 baguettebox.js图片插件制作点击相册图片全屏幻灯片