社区
JavaScript
帖子详情
一组缩略图轮播,怎么用js实现
ruanwxh
2011-10-21 12:18:05
现在有一组缩略图,每次显示5张左右。点prev或者next时,要实现galleryview插件里缩略图效果:
比如,现在一共有6张缩略图,刚开始时,显示的是1-5图。点prev时,显示6-4图;如果点next时,显示2-6图。
怎么用js实现。不要有插件,因为网页有自己的css,用插件,很多东西不好调。
...全文
289
2
打赏
收藏
一组缩略图轮播,怎么用js实现
现在有一组缩略图,每次显示5张左右。点prev或者next时,要实现galleryview插件里缩略图效果: 比如,现在一共有6张缩略图,刚开始时,显示的是1-5图。点prev时,显示6-4图;如果点next时,显示2-6图。 怎么用js实现。不要有插件,因为网页有自己的css,用插件,很多东西不好调。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
bear63
2011-10-21
打赏
举报
回复
http://www.google.com.hk/search?q=%E8%9A%82%E8%9A%81%E5%AD%A6%E9%99%A2+js%E9%97%B4%E9%9A%94%E5%9B%BE%E7%89%87%E8%87%AA%E5%8A%A8%E6%BB%9A%E5%8A%A8&btnG=%E6%90%9C%E7%B4%A2&client=aff-cs-360se&forid=&oe=UTF-8&oq=%E8%9A%82%E8%9A%81%E5%AD%A6%E9%99%A2+js%E9%97%B4%E9%9A%94%E5%9B%BE%E7%89%87%E8%87%AA%E5%8A%A8%E6%BB%9A%E5%8A%A8&aq=f&aqi=&aql=1&gs_sm=s&gs_upl=36625l36625l0l37234l1l1l0l0l0l0l187l187l0.1l1l0
点上面连接,第一篇就是了。
这个轮播我应用在好几个网站上了,效果挺好,调用也方便。
ruanwxh
2011-10-21
打赏
举报
回复
ls贴的链接,自己再改动下,就可以实现了。不错,顶一个
HTML+CSS+JavaScript网络相册【有
缩略图
】
今晚整理了一下,把班级相册弄了一下,加了个
缩略图
,版本有点丑,下个版本再更新吧。 1 大肥 div{margin:0px auto;} .box{width: 800px;height: 530px;overflow: hidden;border-radius: 10px;} .thum{height: 200px;width: 1500px;margin-
简单
轮播
图3(淡入淡出)
html部分
轮播
图淡入淡出
前端框架layui
轮播
图自定义上一页,下一页按钮 选项卡+
轮播
+图片预览viewer.min.
js
前端框架layui
轮播
图自定义上一页,下一页按钮 选项卡+
轮播
+图片预览viewer.min.
js
原生
JS
实现
轮播
图 方法总结
原生
JS
实现
轮播
图 方法总结: 方法一: 利用绝对定位偏移量的改变来
实现
方法二: 利用 display/opacity/visibility状态切换来
实现
方法三 利用 z-index 属性来
实现
...
原生
JS
写带
缩略图
的无限平移
轮播
带
缩略图
的简单的
轮播
效果图 效果图如下: 下面是代码: html部分: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="c...
JavaScript
87,988
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章