替換圖像src和href onclick

我有這個小項目，我想換一個圖像換另一個，並在lightbox中顯示新圖像。替換圖像src和href onclick

下面的代碼工作如下;當我點擊其中一個小圖像時，大圖像的圖像src被替換爲小圖像的src。但是，當我點擊大圖像時，它仍然會在我的lightbox中打開默認的大圖像。

有沒有什麼辦法可以讓超鏈接的href換成與圖像src交換相同的方式？他們需要獲得相同的價值。

的JavaScript：

<script type="text/javascript"> 
    function switch1(div) { 
     if (document.getElementById('one')) { 
      var option=['one','two','three']; 
      for(var i=0; i<option.length; i++) { 
       obj=document.getElementById(option[i]); 
       obj.style.display=(option[i]==div)? "block" : "none"; 
      } 
     } 
    } 
    function switchImg(i){ 
     document.images["main-image"].src = i; 
    } 
</script>

的HTML/PHP：

<?php 
    $image = 'main-image.jpg'; 
    $small_1 = 'small-image-1.jpg'; 
    $small_2 = 'small-image-2.jpg'; 
?> 
<div id="holder"> 
<div class="large"> 
    <a href="<?php echo $image; ?>" rel="lightbox"> 
     <img id="main-image" src="<?php echo $image; ?>" /> 
    </a> 
    <a class="original" onclick="switchImg('<?php echo $image; ?>')">Back to original image</a> 
</div> 
<div class="small"> 
    <a onclick="switchImg('<?php echo $small_1; ?>')"> 
     <img src="<?php echo $small_1; ?>" /> 
    </a> 
    <a onclick="switchImg('<?php echo $small_2; ?>')"> 
     <img src="<?php echo $small_2; ?>" /> 
    </a> 
</div> 
</div>

來源

2013-10-09 Filespit

它可能是我們更容易幫助在這個問題上，如果你給出了呈現的HTML，而不是PHP。 – Danny

改變HREF：

document.getElementById('YOUR_ID').href = 'abraCaDabraDotCom';

來源

2013-10-09 15:18:39 carter

謝謝卡特，幫助！我只是將它添加到switchImg函數，它工作。 – Filespit

替換圖像src和href onclick

回答

相關問題