0

onClick イベントに問題があります。どの画像をクリックしても、常にページの最初の画像が開きます。他の画像を開くことはできません。

JavaScript :

function opennew() {
    var largeImage = document.getElementById('largeImage');
    largeImage.style.display = 'block';
    largeImage.style.width=130+"px";
    largeImage.style.height=130+"px";
    var url=largeImage.getAttribute('src');
    window.open(url,'Image','width=largeImage.stylewidth,
       height=largeImage.style.height,resizable=1');
}

HTML :

<div class="oneitem">
  <div><img id="largeImage"  onClick="opennew();" src="Books-001.jpg" />
  </div>
  <p>Caption goes here</p>
</div>
4

1 に答える 1

0

すべての img に同じ ID 属性 largeImage を使用していますか?

Id は一意のフィールドであり、ページ内で使用できる ID 名は 1 つのみです。

解決策は、次のようにすることです。

HTML:

<div class="oneitem">
    <div>
      <img id="1"  onClick="opennew(1);" src="Books-001.jpg" />
     </div><p>Caption goes here</p>
</div>

<div class="oneitem">
    <div>
        <img id="2"  onClick="opennew(2);" src="Books-001.jpg" />
    </div><p>Caption goes here</p>
 </div>

J:

function opennew(Id) {
var largeImage = document.getElementById(Id);
largeImage.style.display = 'block';
largeImage.style.width=130+"px";
largeImage.style.height=130+"px";
var url=largeImage.getAttribute('src');
window.open(url,'Image','width=largeImage.stylewidth,height=largeImage.style.height,resizable=1');
}
于 2013-06-06T15:01:30.593 に答える