我已经为幻灯片显示了这个简单的Scriptacolous脚本。我有一个问题:要将它插入页面,我必须使用TinyMCE编辑器(没有其他选择)。现在,当我保存代码时,TinyMCE会切断style
部分,因此脚本将无效。有没有办法在不使用style
标记的情况下获得相同的结果?也许只是javascript?
感谢您的关注。 的Alessandro
<head>
<style>
.fadein { position:relative; height:332px; width:500px; }
.fadein img { position:absolute; left:0; top:0; }
</style>
</head>
<body>
<div class="fadein">
<img src="http://image1.jpg">
<img src="http://image2.jpg">
<img src="http://image3.jpg">
</div>
<script>
setInterval(function(){
var imgs = $$('.fadein img'),
visible = imgs.findAll(function(img){ return img.visible(); });
if(visible.length>1) visible.last().fade({ duration: .3 });
else imgs.last().appear({ duration: .3,
afterFinish: function(){ imgs.slice(0,imgs.length-1).invoke('show'); } });
}, 3000);
</script>
</body>
答案 0 :(得分:0)
假设这是你需要设置的样式,你可以手动添加属性
<div style="position:relative; height:332px; width:500px;" class="fadein">
<img style="position:absolute; left:0; top:0;" src="http://image1.jpg">
<img style="position:absolute; left:0; top:0;" src="http://image2.jpg">
<img style="position:absolute; left:0; top:0;" src="http://image3.jpg">
</div>