Question

js图片自动切换问题

<script src="{dede:global.cfg_templets_skin/}/style/jquery-1.4.4.min.js"></script>
<script src="{dede:global.cfg_templets_skin/}/style/slides.min.jquery.js"></script>
<script>
$(function(){
$('#maincontent').slides({
preload: true,
preloadImage: '{dede:global.cfg_templets_skin/}/images/loading.gif',
play: 2000,
pause: 1500,
hoverPause: true,
animationComplete: function(current){
if (window.console && console.log) {
console.log(current);
};
}
});
});
</script>

html代码

<div id="maincontent">

<div class="element pict">
<a href="{dede:global.cfg_basehost/}" target="_blank">
<img src="{dede:global.cfg_templets_skin/}/images/h1.jpg" >
</a>
</div>

<div class="element pict">
<a href="{dede:global.cfg_basehost/}">
<img src="{dede:global.cfg_templets_skin/}/images/h2.jpg" >
</a>
</div>

<div class="element pict">
<a href="{dede:global.cfg_basehost/}" target="_blank">
<img src="{dede:global.cfg_templets_skin/}/images/h3.jpg" >
</a>
</div>

<div class="element pict">
<a href="{dede:global.cfg_basehost/}">
<img src="{dede:global.cfg_templets_skin/}/images/h1.jpg" >
</a>
</div>

<div class="element pict">
<a href="{dede:global.cfg_basehost/}" target="_blank">
<img src="{dede:global.cfg_templets_skin/}/images/h2.jpg">
</a>
</div>

<div class="element navi left"><img src="{dede:global.cfg_templets_skin/}/images/left.png" alt="left"></div>
<div class="element navi right"><img src="{dede:global.cfg_templets_skin/}/images/right.png" alt="right"></div>

</div>

Answer 1

你这冒似还是模板阶断的原始代码。
最好是贴出生成html页面后的代码出来才好查看。

Answer 2

如果你是用一个比较成熟的框架的话，排除框架错误后，只剩下一个就是CSS写的不正确。

好好查查CSS写的是不是和你下载下来的这个框架的CSS写的一样，再查查HTML是不是和原版一样。

追问

可能是与其他的css有冲突。原来的效果是不能自动切换。我想添加上自动切换图片的效果，所以就下载了一个自动切换的js。

可以加个qq吗？我提高悬赏