62,025
社区成员
发帖
与我相关
我的任务
分享
<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>
你要的是这样的效果吗