私は開発中のウェブサイトにファンシーボックスギャラリーを実装している最中です - 何らかの理由で、最初の 2 つの画像はページの異なる高さに表示されます:
http://leedsragfashionshow.co.uk/wp/index.php/committee/
Chrome と Firefox でこれを経験していますが、何かアイデアはありますか?
私は開発中のウェブサイトにファンシーボックスギャラリーを実装している最中です - 何らかの理由で、最初の 2 つの画像はページの異なる高さに表示されます:
http://leedsragfashionshow.co.uk/wp/index.php/committee/
Chrome と Firefox でこれを経験していますが、何かアイデアはありますか?
まず、ファンシーボックスギャラリーは、画像がファンシーボックス内に表示されており、前に表示されていないため、質問のタイルは誤解を招く可能性があります。あなたの場合、問題はファンシーボックスとは関係のないギャラリーのサムネイルにあります。
とにかく、なぜこれが起こっているのですか?これは、次のように画像タグをラップする<br />
各リンクの後にhtml 改行を追加しているためです。<a>
<img />
<a rel="group" href="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/1.jpg" class="fancybox"><img alt="" src="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/1.jpg" class="committee"></a><br />
<a rel="group" href="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/2.jpg" class="fancybox"><img alt="" src="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/2.jpg" class="committee"></a><br />
...etc.
すでに画像をフローティングしている場合は、それらの改行を削除するだけです<br />
。タグなしのこのDEMOを参照してください。<br />