スライドショーのサムネイルの問題

Question

私は自分のWebレイアウトに入力しているギャラリーを表示するためにFancyBoxを使用しようとしています。 3列のレイアウトを使用していますが、3列目にサムネイル画像を入力する方法を理解しようとしています。私はそれらを整然としたやり方で並べて欲しいので、私はそれらに自動幅と特定の高さを与えていました。それはうまくいくように見えましたが、突然2番目のサムネイルが最初のサムネイルと並んでいません。火かき棒を使用して画像にカーソルを合わせると、何らかの理由でhref部分に指定されている2番目のサムネイルの上に空白があることがわかります。これを解決するにはどうすればよいですか？そしてサムネイル画像の比率を歪ませることなくサムネイルをすべて同じサイズにすることができる方法はありますか？私は単純なポップアウトギャラリーを作成するプラグインを見つけるのに苦労してきましたが、これが最初に見つかったものですが、ちょっとした問題があります。

リンクです：あなたは、あなたのサムネイルを手配 http://kunkelgroup.com/webpage/kunkelsquare.html

Answer 1

方法はFancyboxとは何の関係もありません。あなたのレイアウトの問題は、他のものよりもCSS問題のようです。あなたはあなたの質問にタグを付け直してCSSを追加することができます。

さらに、サムネイルをHTMLで動的にサイズ変更するのではなく、画像エディタでサイズを変更することをお勧めします。 2番目の処理を実行すると、パフォーマンスとページの負荷が大幅に低下する可能性があります。

一方、サムネイルを配置するにはhttp://masonry.desandro.com/プラグインを試してみてください。