js相册 加入自动播放以及随机特效 急!

qqzeng-ip 2009-11-25 10:06:53

把这个js相册http://www.lanrentuku.com/down/js/xiangce-513/ 修改能够
加入自动播放以及随机特效
filters.revealTrans.transition = 23;
filters.revealTrans.apply();
随机特效
...全文
608 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
danki_cn 2010-10-03
  • 打赏
  • 举报
回复
????????
claymore1114 2009-11-26
  • 打赏
  • 举报
回复
用 jQuery
qqzeng-ip 2009-11-26
  • 打赏
  • 举报
回复
大虾 帮帮忙!
C5662601 2009-11-26
  • 打赏
  • 举报
回复
学习
femg93 2009-11-26
  • 打赏
  • 举报
回复
5楼的我测试也下,好像不行呀
KLL 2009-11-26
  • 打赏
  • 举报
回复
顶一个
jshi123 2009-11-26
  • 打赏
  • 举报
回复
<style type="text/css">
#fixpos { text-align:left; height:400px; }
#container,#d1,#d2 {position:absolute; width:640px; height:400px; }
</style>

<script type="text/javascript">
var playSpeed = 2000; // photo rotation time in milliseconds
var curPic = 2;
var timer;
function start() {
$("play_btn").innerHTML = " || ";
$("play_btn").onclick=stop;
timer = window.setInterval(function() {
togglePic(curPic, curPic = curPic>=thumbs.length-1 ? 0 : curPic+1);
}, playSpeed);
}
function stop() {
$("play_btn").innerHTML = " >> ";
$("play_btn").onclick=start;
window.clearInterval(timer);
}
function togglePic(p1, p2) {
$('d2').style.visibility="visible";
$('d1').style.visibility="hidden";
$('main_img').src = thumbs[p2].rel;
$('second_img').src = thumbs[p1].rel;

$("container").style.filter = "RevealTrans";
$("container").filters.revealTrans.transition=Math.random()*21;
$("container").filters[0].Apply();
$('d1').style.visibility="visible";
$('d2').style.visibility="hidden";
$("container").filters[0].Play();
}

var img = $('main_img').outerHTML;
$('main_img').parentNode.innerHTML = "<div id='fixpos'><div id='container'><div id='d1'>"+ img +"</div>"+
"<div id='d2' style='visibility:hidden'>"+ img.replace('main_img','second_img') +"</div></div></div>";
</script>

<button id="play_btn" onclick="start()"> >> </button>
你要的是这样的效果吗
fhjzgsy 2009-11-26
  • 打赏
  • 举报
回复
顶个
jshi123 2009-11-26
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 shenlinsheng 的回复:]
5楼的我测试也下,好像不行呀
[/Quote]

我也试过,IE7/8可以,5/6不行,FF不行(楼主提供的原始程序就不能在FF下跑)
测试方法:下载楼主提供的页面,把我写的代码粘到最后。
qqzeng-ip 2009-11-25
  • 打赏
  • 举报
回复
谢谢以上!
大虾呢 好急了!
wuyq11 2009-11-25
  • 打赏
  • 举报
回复
CXSilence 2009-11-25
  • 打赏
  • 举报
回复
学习,等待高手,up……
SK_Aqi 2009-11-25
  • 打赏
  • 举报
回复
学习了。

62,025

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧