2012-04-19 2 views
0

이것은 고전적인 iframe 코드입니다. 내가 원하는 것은 다른 링크를 클릭 할 때 다른 것들을 보여 주기만하면됩니다.다른 페이지를 연결하지 않고 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 /> 
+0

방금 ​​나는에'iframe'를 사용하는 정당성이 표시되지 않는 단어 블로거를 표시하려면 first place – PeeHaa

+0

다른 링크가있는 페이지에 여러 갤러리를 WordPress에 표시하고 싶습니다. 나는 그들 각각에 대해 서로 다른 HTML을 코딩하고 싶지 않다. – Reis

답변

2

당신이하려는 것은 링크를 클릭 할 때 페이지의 특정 부분을 보이거나 숨기는 것이다. 이를 위해 iframe을 사용할 필요가 없습니다. 나는 이것을 위해 숨겨진 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 바이올린입니다 : 나는 당신에게 숨겨진 div의 접근 방식을 보여주지 http://jsfiddle.net/nV5vy/

+0

다른 링크가있는 페이지에 다른 갤러리를 WordPress에 표시하려고합니다. 나는 그들 각각에 대해 서로 다른 HTML을 코딩하고 싶지 않다. – Reis

+0

아, 이제 질문을 이해합니다. 보겠습니다. – koenpeters

+0

http://jsfiddle.net/에 올려주세요. – Reis

관련 문제