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

本文介绍如何在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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值