0

这是经典的 iframe 代码。我想要的只是当你点击不同的链接时显示不同的东西。

我想在具有不同链接的页面上的 wordpress 中显示不同的画廊。我不想为每个人编写不同的 html

<iframe id="myIframe" src="about:blank" height="200" width="500"></iframe>
<br />
<a href="http://www.blogger.com" target="myIframe">Blogger</a><br />
<a href="http://www.cnn.com" target="myIframe">CNN</a><br />
<a href="http://www.google.com" target="myIframe">Google</a><br />
4

1 回答 1

2

您要做的是在单击链接时显示和隐藏页面的特定部分。您不需要为此使用 iframe。我认为您最好为此使用隐藏的 div，或者甚至使用 ajax 调用来加载不同的画廊。我将向您展示隐藏的 div 方法：

<div id="gallery1" class="gallery">
  A whole lot of html that makes up the 1st gallery
</div>
<div id="gallery2" class="gallery" style="display:none">
  A whole lot of html that makes up the 2nd gallery
</div>
<div id="gallery3" class="gallery" style="display:none">
  A whole lot of html that makes up the 3nd gallery
</div>

<a href="JavaScript:void(0)" data-gallery="gallery1">Show gallery 1</a>
<a href="JavaScript:void(0)" data-gallery="gallery2">Show gallery 2</a>
<a href="JavaScript:void(0)" data-gallery="gallery3">Show gallery 3</a>

​
$('a').click(function() {
  $('.gallery').hide();
  $('#' + $(this).data('gallery')).show();
});

这是一个 js 小提琴：http: //jsfiddle.net/nV5vy/

于 2012-04-19T21:53:38.790 回答