Question

我正在使用脚本滚动iframe中的图片。我无法弄清楚如何让脚本从图像1开始，而不是从空白处开始，然后转到图像1。

这是脚本：

<script type="text/javascript">

    var limit = 8;
    var i = limit - 1;

function image_onclick(direction)
{
    i = ( i + ( (direction == 'prev')?limit-1:1 ) ) % limit;

    document.getElementById('image_box').innerHTML = '<img src=images/gallery/image' + (i+1) + '.jpg>';
}
</script>

这是正文中的脚本，

<div id="leaf1"><button onClick="image_onclick('prev');"><img src="images/leaf.gif" alt="leaf arrow" border="0"/></button></div>
<div id="image_box"></div>
<div id="leaf2"><button onClick="image_onclick('next');"><img src="images/leaf2.gif" alt="leaf arrow" border="0"/></button></div>

Answer 1

使用window.load或document.ready方法并向其添加以下代码。

 document.getElementById('image_box').innerHTML = '<img src=images/gallery/image1'.jpg>';

或者只是在页面上

<script language="JavaScript">
 document.getElementById('image_box').innerHTML = '<img src=images/gallery/image1'.jpg>';
</script>

Answer 2

为什么不放

document.getElementById('image_box').innerHTML = '<img src=images/gallery/image' + (1) + '.jpg>';

在document.ready call中？

Answer 3

您是否错过了内部引号？

  = '<img src=images/gallery/image' + (i+1) + '.jpg>';

VS

  = "<img src='images/gallery/image" + (i+1) + ".jpg' >";

Answer 4

您可以在image_onclick('next')上致电document.ready。

Answer 5

将onload="image_onclick('next')"添加到您的正文标记。

Answer 6

除非有理由动态加载初始图像，否则为什么不将初始图像放在<div>内。对这样一个简单的任务使用脚本似乎是开销。

为什么这个脚本以空白图像开头？

6 个答案: