destoon中一个 img 标签 js自动轮播效果

最新推荐文章于 2021-03-23 11:52:14 发布

Crimson1

最新推荐文章于 2021-03-23 11:52:14 发布

阅读量378

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Crimson1/article/details/90642979

本文介绍如何在Destoon网站中利用JavaScript实现图片自动轮播效果，通过修改img标签属性，结合定时器和事件处理，创建无缝滑动的图片展示功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style>
.album_c {
    background: #e60000;
    border: 1px solid #e60000;
}
.album_o {
    border: 1px solid #e60000;
}
</style>
<div class="times"></div>
<div class="album">
	<div id="album"><img src="{str_replace('.thumb.'.file_ext($thumb), '', $thumb)}" id="photo" style="width:100%;"/></div>
	<div>
	<span class="album_c" id="dot_0" style="display:none;" onclick="album_show(0);" >&nbsp;</span>
	<span class="album_o" id="dot_1" style="display:none;" onclick="album_show(1);">&nbsp;</span>
	<span class="album_o" id="dot_2" style="display:none;" onclick="album_show(2);">&nbsp;</span>
	</div>
</div>
<script type="text/javascript">
var TB = ['{str_replace('.thumb.'.file_ext($thumb), '', $thumb)}', '{str_replace('.thumb.'.file_ext($thumb1), '', $thumb1)}', '{str_replace('.thumb.'.file_ext($thumb2), '', $thumb2)}'];
function set(){
  setTimeout("album_show(1)",1000);
  setTimeout("album_show(2)",2000);
  setTimeout("album_show(0)",3000);
}
set();
setInterval("set()",3000);
</script>
<script type="text/javascript" src="{DT_MOB}static/js/album.js"></script>