0

クリックしたときにfancybox(2)にズームされているものを表示しようとしています。問題は、ファンシーボックス内に画像が正しく表示されているにもかかわらず、画像をクリックすると、ブラウザーがページから離れて、href で定義されたリンクに移動することです。どうすればこれを防ぐことができますか?

<script type="text/javascript">
  $(document).ready(function() {
  $(".fancybox").fancybox({
    helpers :{
      title :{
         type : 'over'
      }
     }
   });
 });
</script>

<table>
  <tbody>
    <tr>
      <td>
        <a class="fancybox ui-link" title="My Image href="http://localhost/images/my_image.jpg"><img style="width:64px; height:64px;" src="images/my_image.jpg" alt=""></a>
      </td>
    </tr>
  </tbody>
</table>
4

2 に答える 2

0

まず、HTML コードの Title 属性に " がありません。

次に、よくわかりませんが、絶対パスではなく、画像への相対パスを試してください。

例えば ​​：

<a class="fancybox ui-link" title="My Image" href="images/my_image.jpg"><img style="width:64px; height:64px;" src="images/my_image.jpg" alt="" /></a>
于 2013-02-25T15:59:44.193 に答える