在TinyMCE中没有<style>标签的Scriptacolous脚本</style>

时间:2013-10-12 10:35:24

标签: javascript tinymce scriptaculous

我已经为幻灯片显示了这个简单的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>

1 个答案:

答案 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>