0

写真のセクションにあるfancyboxで少し問題が発生しています。

画像の1つをクリックすると、ページと同じサイズが読み込まれ（画像は実際にははるかに大きくなります）、ページからdivが削除されます。

divの背景画像をフルサイズでfancyboxにロードしたいと思います。

<div class="main-photo fancybox" rel="group" style="background-image:url('<?php echo $photo; ?>');">
   <a href="<?php echo the_sub_field('photo'); ?>">
      <img src="<?php bloginfo('stylesheet_directory'); ?>/images/picture-of-health-photo-frame.png" height="240" width="360" />
   </a>
</div>

リンク内はimg実際にはフォトフレームであり、ファンシーボックスに含めたくありません。

4

2 に答える 2

1

Firebugまたは他のインスペクターを使用して、Fancyboxによってロードされている画像が実際に必要な「大きな画像」であることを確認しましたか？

私が持っているので、あなたはまったく同じ画像をロードしています。:)

于 2013-03-12T15:44:14.910 に答える
1

class="fancybox"タグではなく、アンカー<a>タグに設定する必要があります<div>。 

<div class="main-photo" rel="group" style="background-image:url('<?php echo $photo; ?>');">
   <a class="fancybox" href="<?php echo the_sub_field('photo'); ?>">
      <img src="<?php bloginfo('stylesheet_directory'); ?>/images/picture-of-health-photo-frame.png" height="240" width="360" />
   </a>
</div>
于 2013-03-13T06:42:17.393 に答える