トップへ(mam-mam.net/)

簡単設置の画像クリックでポップアップ表示するデザインJS

検索:

Javascriptで写真(画像)を表示しクリック時に拡大表示する ~ mamimageviewer.js

mamimageviewer.js(8KB)ダウンロード

■使い方

■使用例

画像をクリックしてください

黄色い車
赤い車
銀色の車

■使用例2

画像をクリックしてください

室内1
室内2
室内3
室内4
室内5
室内6
室内7
<div class="mamImageViewer">
  <div>
    <img src="./imgs/c001.jpg" alt="室内1" title="補足説明1">
  </div>
  <div>
    <img src="./imgs/c002.jpg" alt="室内2" title="">
  </div>
  <div>
    <img src="./imgs/c003.jpg" alt="室内3" title="補足説明">
  </div>
  <div>
    <img src="./imgs/c004.jpg" alt="室内4" title="">
  </div>
  <div>
    <img src="./imgs/c005.jpg" alt="室内5" title="補足説明5です">
  </div>
  <div>
    <img src="./imgs/c006.jpg" alt="室内6" title="">
  </div>
  <div>
    <img src="./imgs/c007.jpg" alt="室内7" title="補足説明をここに入れます">
  </div>
</div>