2013-07-12 79 views
0

我试图添加链接到我的照片在JavaScript中的照片交换。照片交换(无法链接照片)

我的照片交换技术:

代码:

<html> 
    <head> 
     <script language="JavaScript1.1"> 
     <!-- 
      var image1=new Image() 
      image1.src="http://i.imgur.com/NEBlLov.jpg" 
      var image2=new Image() 
      image2.src="http://i.imgur.com/e0y1EGg.jpg" 
      var image3=new Image() 
      image3.src="http://i.imgur.com/45Thw6n.jpg" 
     //--> 
     </script> 
    </head> 
    <body> 
     <img src="http://i.imgur.com/JYYPkmK.jpg" name="slide" width=748 height=100> 
     <script> 
     <!-- 
      //variable that will increment through the images 
      var step=1 
      function slideit(){ 
       //if browser does not support the image object, exit. 
       if (!document.images) return document.images.slide.src=eval("image"+step+".src") 
       if (step<3) step++ 
       else step=1 

       //call function "slideit()" every 2.5 seconds 
       setTimeout("slideit()", 2500) 
      } 
      slideit() 
     //--> 
     </script> 
    </body> 
</html> 

这里是我试图解决这个问题。我试图使用onclick。但是,它也没有工作。

代码:

<script language="JavaScript1.1"> 
    if (!image1.src) 
    <a href="/donate/"></a> 
    return 
    if (!image2.src) 
    <a href="/vote/"></a> 
    return 
    if (!image3.src) 
    <a href="/forums/"></a> 
    return 
</script> 
+1

所以,你想说的是,如果'image1.src'不存在,它应该去捐,如果'image2.src'不存在,它应该去投票?我认为这与你真正想做的事情相反。 – EmmyS

+0

Lmao,我刚刚意识到这一点。谢谢,现在我感到很蠢。 –

+0

我是否检查了正确的变量?因为当我删除'!'时,它仍然不起作用。 –

回答

-4

从您的代码的刘海;它永远不会正确评估。

<script language="JavaScript1.1"> 
    if (image1.src) 
    <a href="/donate/"></a> 
    return 
    if (image2.src) 
    <a href="/vote/"></a> 
    return 
    if (image3.src) 
    <a href="/forums/"></a> 
    return 
</script> 
0

请使用此代码。我修改了下面的代码。

<html> 
<head> 
    <script language="JavaScript1.1"> 
    <!-- 
     var image1=new Image() 
     image1.src="http://i.imgur.com/NEBlLov.jpg" 
     var image2=new Image() 
     image2.src="http://i.imgur.com/e0y1EGg.jpg" 
     var image3=new Image() 
     image3.src="http://i.imgur.com/45Thw6n.jpg" 
    //--> 
    </script> 
</head> 
<body> 
    <img src="http://i.imgur.com/JYYPkmK.jpg" id="slide" width=748 height=100> 
    <script> 
    <!-- 
     //variable that will increment through the images 
     var step=1 
     function slideit(){ 
      document.getElementById("slide").src=eval("image"+step+".src"); 
      if (step<3) step++ 
      else step=1 

      //call function "slideit()" every 2.5 seconds 
      setTimeout("slideit()", 2500) 
     } 
     slideit() 
    //--> 
    </script> 
</body>