Question

我有以下代码，我使用php文件读取文件夹的内容，将其放入数组，然后使用Jquery Cycle插件进行幻灯片放映。

<html>
<meta http-equiv="refresh" content="1000"/> 
head>
<title>Media Signage Slideshow</title>
<style type="text/css">
    #myslides {
    width: 370px;
    height: 220px;
    padding: 0;  
    margin:  0 auto;  
} 
     </style>
</head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$('#myslides').cycle({
               fx: 'fade',
                speed: 5000,
                timeout: 2000
        });
});
</script>

<script type="text/javascript">

var curimg=0;
function rotateimages(){
galleryarray.sort();
document.getElementById("myslides").setAttribute("src", "images/"+galleryarray[curimg]);
curimg = (curimg+1) % galleryarray.length;
}

window.onload = function(){
setInterval("rotateimages()", 5000);
}
/script>

<script type="text/javascript" language="JavaScript" src="./code.php"></script>
<body>
<div id="myslides">
  <!--<img src="100.jpg" />
  <img src="101.jpg" /> -->
</div>
</body>
</html>

当我改变时：

<div id="myslides">

到

<img id="myslides">

我的幻灯片放映效果很好但是我没有看到任何内容。如何解决这个问题？

Answer 1

图像具有您的jquery正在使用的source属性，而div则没有。这就是原因:)）

Answer 2

将#myslides更改为div意味着您正在尝试设置src元素的div，这根本没有任何实际意义（并且没有验证）。你想要实现什么目标？

Answer 3

看看你的代码的这一部分：

document.getElementById("myslides").setAttribute("src", "images/"+galleryarray[curimg]);

您无法访问它，因为DIV元素没有“src”属性。因此，您无法使用插件为其设置图像。

Answer 4

如果您因任何原因需要div，为什么不将img包装在其中？

<div><img id="myslides" /><div>

javascript <div id =“”>或<img id=""/> </div>

4 个答案: