在PHP中，如何在點擊時使縮略圖變大？

-1

<?php 
    $imageArray = array(); 
    $imageArray ["rat.png"] = "Rat"; 
    $imageArray ["ox.png"] = "Ox"; 
    $imageArray ["tiger.png"] = "Tiger"; 
    $imageArray ["rabbit.png"] = "Rabbit"; 
    $imageArray ["dragon.png"] = "Dragon"; 
    $imageArray ["snake.png"] = "Snake"; 
    $imageArray ["horse.png"] = "Horse"; 
    $imageArray ["sheep.png"] = "Sheep"; 
    $imageArray ["monkey.png"] = "Monkey"; 
    $imageArray ["rooster.png"] = "Rooster"; 
    $imageArray ["dog.png"] = "Dog"; 
    $imageArray ["pig.png"] = "Pig"; 

    echo"<table><tr>"; 
    foreach($imageArray as $img => $value){ 
    echo"<td>"?><a href="LargeImage.php?img=<?= $img ?>"><img src=" 
    img/<?= $img?>" 
    alt="<?= $value ?>" height = '50' width='25' /></a></td> 
    <?php }; 
    echo "</tr></br>"; 
    ?>

現在我希望他們回去的點擊有原來的大小。任何幫助是讚賞，謝謝！

來源

2015-10-06 Marcus

編輯這一點，並重新標記爲CSS或者jQuery的。 – aldrin27

目前還不清楚你實際上想做什麼。您是試圖只顯示更大的相同縮略圖，還是想要點擊更高質量的替代版本？ – bgse

我希望它在點擊時顯示更大的圖像。到目前爲止，如果您點擊其中一個圖像，它會轉到我的LargeImage.php文件，並以較大的一行顯示所有圖像。我想單擊一個，只顯示一個較大的圖像。 – Marcus

作爲服務器端腳本語言，PHP不能做你想做的事情，但它可以提供一個可以工作的客戶端腳本。達到這種效果的最好方法是通過使用jQuery庫的JavaScript。

下面是一些示例代碼，將上單擊切換圖像尺寸：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("img").on("click",function(){ 
     if($(this).height() == 50){ 
      $(this).css("height","100px"); 
      $(this).css("width","50px"); 
     } 
     else{ 
      $(this).css("height","50px"); 
      $(this).css("width","25px"); 
     } 
    }); 
}); 
</script>

來源

2015-10-06 00:27:54 Andrew

在PHP中，如何在點擊時使縮略圖變大？

回答

相關問題