3

ここに私のコードスニペットがあります

<img src="images/home.jpg" height="40" width="150" />
<img src="images/contact.jpg" height="40" width="150" />

と

<iframe src="aboutseels.php" scrolling="auto" width="100%" height="360" ></iframe>

さて、クライアントが画像の1つをクリックすると、iframeのsrcが変更される方法があるかどうか疑問に思っていました??

たとえば、2 番目の画像をクリックすると、iframe の src は src="contactus.php" になります。

4

2 に答える 2

1

nameに属性を設定し、属性が同じ名前になるタグでiframe画像をラップすると思います。atarget

<iframe name="foo" ...></iframe>
<a href="newlink" target="foo">...</a>
于 2012-08-25T13:17:27.853 に答える
0

JavaScriptライブラリjQueryを使用してから、クリックイベントを使用して画像のクリックをキャプチャすると、次のようになります

$(function(){
 $('img').click(function(){
   iframeSrc = this.attr('title');
   $('iframe').attr('src',iframeSrc);
});
});

htmlは次のようになります

  <img src="images/home.jpg" height="40" width="150" title="http://google.com" />
    <img src="images/contact.jpg" height="40" width="150" title="http://facebook.com"/>
    <iframe src="aboutseels.php" id="iframe" scrolling="auto" width="100%" height="360" ></iframe>

または、通常のhtmlを使用してターゲットを使用します

<a target="iframe" href="http://facebook.com"><img src="images/home.jpg" height="40" width="150" title="http://google.com" /></a>
<a target="iframe" href="http://google.com"><img src="images/contact.jpg" height="40" width="150" title="http://facebook.com"/></a>
<iframe src="aboutseels.php" id="iframe" scrolling="auto" width="100%" height="360" ></iframe>
于 2012-08-25T13:20:22.060 に答える