私は最近、「EnlargeIt」と呼ばれる Lightbox-Clone を自分の Web サイトに含めようとしています。大きな驚き、Intenret Explorer を除いて、すべてがすべてのブラウザで正常に動作します。マニュアルから直接引用させてください:
このようなサムネイルを Web ページの に統合します。
<a href=”images/fullsize_file.jpg” target=”_blank” onclick=”return false;”><img
src="images/thumb_file.jpg" alt="My first picture" onclick="enlarge(this);"
longdesc="images/fullsize_file.jpg" /></a>
属性 longdescis は、フル サイズの画像の修飾ファイル名に使用されます。つまり、ファイルが別のフォルダーにある場合は、正しいパスを含める必要があります (例では images/)。画像のキャプションに使用される属性 altis。定義しないか空のままにすると、この画像のキャプション (タイトル バーのテキスト) は表示されません。画像の周りには、新しいウィンドウでフル サイズの画像にリンクする … 要素があります (target="_blank")。属性 onclick="return false;" を設定することは非常に重要です。この方法では、Javascript が使用可能な場合、リンクは使用されません。
このマニュアルに記載されているとおりに実行しましたが、IE9 で試すまでは問題なく動作します。あなたはそれをクリックすると、何もしません...まったく何もしません。古いバージョンの IE であっても、他のすべてのブラウザは正しく処理します。ホバリングしている間はリンクが表示されますが、「falseを返す」とデフォルトのアクションが妨げられると思いますか?
私のコード:
<a href="fileadmin/templates/HTML/main.html" target="_blank" onclick="return false;"/><img src="fileadmin/templates/images/logo_subline_moreInformation.jpg" style="width: 520px; height: 130px; cursor:pointer;border:none;border-width:0px;text-decoration:none;" alt="Alt" id="Image"
onclick="enlarge(this);" longdesc="ifr::fileadmin/templates/HTML/main.html::800::600"/></a><br>
ありがとうございました!
ああ、良い一日を!