あなたはに呼びかけ.fancybox()
ていa#linkTo
ます。Fancyboxは、ポイントしたアンカー内のリンクを見つけると、アンカー(#linkTo
)の内容をDOM内の他の場所に削除します。これはおそらく使いやすさのためです。あなたの場合、あなた#workTag
はリンクに残りたいです。したがって、アンカーの外側でfancyboxコンテンツ()を削除すると、hrefがそれを指しているため#whichResume
、Fancyboxはidを持つコンテンツを自動的に検出するはずです。#whichResume
リンク内にある必要はありません。
これを変える:
<a id="linkTo" href="#whichResume">
<div id="workTag">
<div id="whichResume" style="background:white;" class="roundedCorners">
<a href="images/icons/document_pdf.png">
<img src="images/resumeTHUMB/graphicResumeTHUMB.jpg" class="graphic" />
</a>
<a href="images/icons/document_pdf.png">
<img style="margin-left:50px;" src="images/resumeTHUMB/typeResumeTHUMB.jpg" class="type"/>
</a>
</div>
</div>
</a>
これに:
<a id="linkTo" href="#whichResume">
<div id="workTag"></div>
</a>
<div id="whichResume" style="background:white;" class="roundedCorners">
<a href="images/icons/document_pdf.png">
<img src="images/resumeTHUMB/graphicResumeTHUMB.jpg" class="graphic" />
</a>
<a href="images/icons/document_pdf.png">
<img style="margin-left:50px;" src="images/resumeTHUMB/typeResumeTHUMB.jpg" class="type"/>
</a>
</div>
ここの例を参照してください:http://jsfiddle.net/jtbowden/BTqxx/