ホームページ >ウェブフロントエンド >CSSチュートリアル >Bootstrap を使用して画像のポップアップと拡大を実現する方法
<td> <center> <img alt="Bootstrap を使用して画像のポップアップと拡大を実現する方法" >" onclick="javascript:showBootstrap を使用して画像のポップアップと拡大を実現する方法('<?php echo $v['pic_detail'];?>');" /></center> </td> <p> </p><p> <button></button> </p> <p> </p><p> </p>
JSの実装:
//显示大图 function showBootstrap を使用して画像のポップアップと拡大を実現する方法(source) { $("#ShowImage_Form").find("#img_show").html("<bootstrap></bootstrap>"); $("#ShowImage_Form").modal(); }
実装効果:
【関連動画おすすめ:Bootstrapチュートリアル】
以上がBootstrap を使用して画像のポップアップと拡大を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。