密码      自动登录 找回密码 立即注册(请使用中文名称)
    
查看: 3464|回复: 8

[教程] 图片展示特效系列之四(网络收集)

[复制链接]

19

主题

204

帖子

6476

积分

贵宾

积分
6476
发表于 2019-1-19 13:38:43 | 显示全部楼层 |阅读模式

浏览提示:
此图片浏览默认自动更换显示。如用手动,除点击左右箭头外,还可以点击图片下方中间的各个色块。本代码可应用于音画图文作品


















代码编辑、图片更换及文件上传
1、代码编辑:
本特效代码编辑极为简单,只要编辑index.html文档中<img src="images/1.jpg" alt="">的图片名称即可。本实例为三张图片,那么index.html文档中也只有三段<img src="images/1.jpg" alt="">代码,每段代码中对应一张图片,同其他图片浏览特效代码一样,如果自定义图片文件名,那么代码中的图片名称也要做相应修改。此外如果要添加图片,则需要复制一张图片的代码即:
<div class="silder-main-img">
<img src="images/3.jpg" alt="">
</div>
然后粘贴在已有的最后一张图片代码后面即可。

2、图片更换
本实例所用的图片尺寸可以根据自己需要增大或减小,其他操作同已分享的相关更换方式一样,请参考已分享的帖子,这里不再赘述。

3、文件上传
请参考已分享的帖子,这里不再赘述。

源码下载:

tx3.rar

265.43 KB, 阅读权限: 10, 下载次数: 9

评分

参与人数 3金钱 +300 收起 理由
风晴雪 + 100 精彩分享!
幽兰雪 + 100 精彩分享!
青石板 + 100 精彩分享!

查看全部评分

回复

使用道具 举报

288

主题

8128

帖子

13万

积分

超级版主

Rank: 8Rank: 8

积分
132319
发表于 2019-1-19 15:14:49 | 显示全部楼层
又学到知识了,图好美,谢谢墨染老师分享
回复

使用道具 举报

32

主题

497

帖子

1万

积分

贵宾

积分
13671
发表于 2019-1-19 18:32:36 | 显示全部楼层
感谢分享。。。
回复

使用道具 举报

273

主题

1万

帖子

12万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
125653
发表于 2019-1-19 19:47:25 | 显示全部楼层
又一帖珍品,谢谢分享!
回复

使用道具 举报

366

主题

1万

帖子

16万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
163203
发表于 2019-1-19 20:48:45 | 显示全部楼层
墨染辛苦了真棒!
回复

使用道具 举报

183

主题

2198

帖子

8万

积分

荣誉管理员

Rank: 7Rank: 7Rank: 7

积分
80835
发表于 2019-1-20 09:30:57 | 显示全部楼层
这些都是很实用的,感谢墨染分享了
回复

使用道具 举报

31

主题

1633

帖子

3万

积分

贵宾

积分
31734
发表于 2019-1-27 19:05:02 | 显示全部楼层
墨染管理你好!
这个贴子没找到源代码在哪
能不能分享一下源代码
回复

使用道具 举报

28

主题

472

帖子

1万

积分

贵宾

积分
17042
发表于 2019-1-29 11:19:05 | 显示全部楼层
美美哒
回复

使用道具 举报

19

主题

204

帖子

6476

积分

贵宾

积分
6476
 楼主| 发表于 2019-2-15 13:42:18 | 显示全部楼层
星云 发表于 2019-1-27 19:05
墨染管理你好!
这个贴子没找到源代码在哪
能不能分享一下源代码

问好星云!顶楼附件有下载的,点击压缩包图标名称即可下载
回复

使用道具 举报

本版积分规则

手机版|Archiver|雪馨苑音画论坛 ( 辽ICP备2020012594号 )

GMT+8, 2024-3-29 15:13 , Processed in 0.390761 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2011 Comsenz Inc. skin by asw6

返回顶部