ホームページ > 記事 > ウェブフロントエンド > Bootstrap を使用して画像のポップアップと拡大を実現する方法
Bootstrap を使用して画像のポップアップと拡大を実現する方法
- PHPzオリジナル
- 2017-09-23 11:08:527819ブラウズ
<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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。