シンプルなモーダル JQuery プラグインを使用して、HTML Web サイトに単一のダイアログ ボックスを表示しています。うまく機能しますが、同じページに 2 つ以上の個別のダイアログ ボックスを表示したいと考えています。
これは可能ですか？
JQuery 呼び出しと css ファイルでデモ ダウンロードのコードを使用しています。
<div id='container'>
<div id='content'>
<div id='basic-modal'>
<a href='#' class='basic'><img src="images/BlueButtonAccess.png" alt="Access Atatement" id="Image4" onmouseover="MM_swapImage('Image4','','images/BlueButtonAccess2.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>
<!-- modal content -->
<div id="basic-modal-content">
<div id="simplemodal-header">
<h3>Hill House Access Statement </h3>
</div>
<div id="iframebox"><iframe src="Access Statement iframe.htm" style="background-color: #3D4049;"width="780" height="476" align="left" frameborder="no" marginheight="0px" scrolling="vertical" ></iframe>
</div>
</div>
<!-- preload the images -->
<div style='display:none'>
<img src='images/CloseButton2.png' alt='' id="Image6" onmouseover="MM_swapImage('Image6','','images/CloseButton.png',1)" onmouseout="MM_swapImgRestore()" />
</div>
</div>
</div>