如何将其转到上一张图片而不是下一张图片?

时间:2012-05-31 20:46:36

标签: javascript html5-video

这是在头标记

<script type="text/javascript">
    var image1=new Image()
    image1.src="https://dl.dropbox.com/u/70582811/hand-eye.jpg"

    var image2=new Image()
    image2.src="https://dl.dropbox.com/u/70582811/floating.JPG"

    var image3=new Image()
    image3.src="https://dl.dropbox.com/u/70582811/lovers%20ng.jpg"
</script>

这是在正文标记

<script type="text/javascript">
    var step=1

    function slideit(){
        if (!document.images)
            return
        document.images.slide.src=eval("image"+step+".src")

        if (step<3)
            step++
        else
            step=1
        }
        slideit()
</script>

所以我找到了用于创建幻灯片的代码,我只需单击即可升级图像。我是从一个按钮调用它。但我无法弄清楚如何更改此代码,以便当按下另一个按钮(即前一个按钮)时,我可以退后而不是前进。我很感激任何帮助,我不是最好的javascript。 提前谢谢。

这就是我所在的地方:http://slidetester.tumblr.com/

3 个答案:

答案 0 :(得分:0)

你需要这样做而不是通过step++递增图片,图片编号会递减。看看如何做到这一点。此外,您还需要更改图片用完时的条件才能返回。我不想给你完整的代码,因为这应该是一种学习经验。

答案 1 :(得分:0)

我假设您知道如何创建一个按钮并为其分配一个单独的函数,因此我们可以调用另一个函数来调用slideitbackwards()

而不是slideit()。
function slideitbackwards() {
  if (!document.images)
    return
  document.images.slide.src=eval("image"+step+".src")
  if (step > 1) //Change this line to the minimum image number
    step-- //subtract instead of add
  else
    step = 3 //Set this to maximum value instead of minimum
  }

答案 2 :(得分:0)

创建一个新功能并由按钮触发:     function slideitBack(){     if(!document.images)     返回     document.images.slide.src = EVAL( “图像” +步骤+ “SRC”)     if(步骤&gt; 1)     步 -     其他     步骤3 =     }