單擊按鈕后顯示圖像

Question

我正在使用PHP腳本編寫圖像。

資料來源： http ： //papermashup.com/demos/php-gd-image-and-text/

我想隱藏圖像，然后單擊“更新圖像”按鈕，然后將顯示生成的圖像？

Answer 1

使用jQuery Hide（）; ，show（）函數來實現該功能。

如果您可以在此處添加代碼段，它將幫助人們更清楚地了解問題

Answer 2

您需要使用JavaScript。 基本上，php在頁面加載之前僅運行一次，因此它無法在頁面加載后更改頁面內容。

您可以使用document.InnerHTML（查找它）或jquery .load

Answer 3

您可以通過使用jQuery這樣來完成此操作

假設您的input button ID為clickme ，而您要隱藏的圖像的ID為hideme然后將jQuery事件綁定到此。

$('#clickme').click(function(){
  $('#hideme').hide();
}); 

只需在頁面中包含基本的jQuery庫即可。

Answer 4

    <div id="hidden_div" style="display:none">
    <img src=<?=$filename;?>?id=<?=rand(0,1292938);?>" width="800" height='600'/>



    </div>


 <input name="submit" type="submit" class="btn btn-primary" value="Update Image" onclick="showHide()"/>
</form>
</div>
<script type="text/javascript">
    function showHide() {
            document.getElementById("hidden_div").style.display = "block";
    }
</script>

我用這個 正在工作，但僅顯示生成的圖像一秒鍾，然后令人耳目一新。