墨染锦年 发表于 2019-1-19 13:38:43

图片展示特效系列之四（网络收集）

<br><font face="宋体" size="4">浏览提示：</font><div><font face="宋体" size="4">此图片浏览默认自动更换显示。如用手动，除点击左右箭头外，还可以点击图片下方中间的各个色块。本代码可应用于音画图文作品<br></font><div><br><br><br><br><br><br><br>
<div style="left:-210px; width:1000px; position:relative; top:190px;">
<iframe marginwidth="0" marginheight="0" src="http://cswz.hyyhzyw.com/tptx/tx3/index.html" frameborder="0" width="1000" scrolling="no" height="690"></iframe></div>
<br><br><br><br><br><br><br><br><br><br><br><font face="宋体" size="4"><b>代码编辑、图片更换及文件上传</b></font></div><div><font face="宋体" size="4"><b>1、代码编辑：</b></font></div><div><font face="宋体" size="4">本特效代码编辑极为简单，只要编辑index.html文档中&lt;img src="images/1.jpg" alt=""&gt;的图片名称即可。本实例为三张图片，那么</font><span style="font-family: 宋体; font-size: large;">index.html文档中也只有三段</span><span style="font-family: 宋体; font-size: large;">&lt;img src="images/1.jpg" alt=""&gt;代码，每段代码中对应一张图片，同其他图片浏览特效代码一样，如果自定义图片文件名，那么代码中的图片名称也要做相应修改。此外如果要添加图片，则需要复制一张图片的代码即：</span></div><div><font face="宋体" size="4">&lt;div class="silder-main-img"&gt;</font></div><div><font face="宋体" size="4"><span style="white-space:pre">                                </span>&lt;img src="images/3.jpg" alt=""&gt;</font></div><div><font face="宋体" size="4"><span style="white-space: pre;">                        </span>&lt;/div&gt;</font></div><div><span style="font-family: 宋体; font-size: large;">然后粘贴在已有的最后一张图片代码后面即可。</span></div><div><font face="宋体" size="4"><br></font><font face="宋体" size="4"><b>2、</b></font><b style="font-family: 宋体; font-size: large;">图片更换</b></div></div><div><span style="font-family: 宋体; font-size: large;">本实例所用的图片尺寸可以根据自己需要增大或减小，其他操作同已分享的相关更换方式一样，请参考已分享的帖子，这里不再赘述。</span></div><div><b style="font-family: 宋体; font-size: large;"><br></b></div><div><b style="font-family: 宋体; font-size: large;">3、文件上传</b></div><div><span style="font-family: 宋体; font-size: large;">请参考已分享的帖子，这里不再赘述。</span></div><div><b style="font-family: 宋体; font-size: large;"><br></b></div><div><span style="font-family: 宋体; font-size: large;"><font color="#0000ff">源码下载：</font></span></div><div><span style="font-family: 宋体; font-size: large;"><br></span></div>

青石板 发表于 2019-1-19 15:14:49

又学到知识了，图好美，谢谢墨染老师分享{:1_86:}

南巷旧人 发表于 2019-1-19 18:32:36

感谢分享。。。

幽兰雪 发表于 2019-1-19 19:47:25

又一帖珍品，谢谢分享！{:2_195:}

大雅 发表于 2019-1-19 20:48:45

墨染辛苦了真棒！

风晴雪 发表于 2019-1-20 09:30:57

这些都是很实用的，感谢墨染分享了

星云 发表于 2019-1-27 19:05:02

墨染管理你好！
这个贴子没找到源代码在哪
能不能分享一下源代码

青青草玉儿 发表于 2019-1-29 11:19:05

美美哒

墨染锦年 发表于 2019-2-15 13:42:18

星云 发表于 2019-1-27 19:05
墨染管理你好！
这个贴子没找到源代码在哪
能不能分享一下源代码
问好星云！顶楼附件有下载的，点击压缩包图标名称即可下载
页: [1]
查看完整版本: 图片展示特效系列之四（网络收集）