フレックススライダのスライダがあります。 4枚の画像ではうまくいきますが、5枚以上の画像で使用すると、親指の表示が正しく表示されません。これをどうすれば解決できますか? Screenshot。フレックススライダの親指の表示が正しく表示されない
答えて
ここに私のコード
<div class="flexslider">
<ul class="slides">
<?php
$pre_ads_images=$conn->query("SELECT * FROM files WHERE pid=".$ad_out['id']);
while($ad_images=$pre_ads_images->fetch_assoc()){
echo'
<li data-thumb="'.$base_dir.'/uploads/post/'.$ad_images['uid'].'/'.$ad_images['name'].'">
<img src="'.$base_dir.'/uploads/post/'.$ad_images['uid'].'/'.$ad_images['name'].'" alt="'.$ad_out['title'].' For Sale In '.$city_y['name'].'"/>
</li>';
}
?>
</ul>
</div>
<script>$('.flexslider').flexslider({animation: "slide",controlNav: "thumbnails"});</script>
あなたの問題は本当にPHPのビットではなく、あなたのHTML構造に適用されたCSSです。具体的には、5つ以上の画像のサムネイルがCSSコード、固定されていないサムネイルサイズ(CSSコードの一部)、HTML構造の一部の3つの理由で適切に表示されません。 –
まず、サムネイル画像のサイズが同じであることを確認してください。これにより、下部に異常なサムネイルが表示され、レイアウトが破られることがなくなります。 –
はいいいえアイデアはサムビュー画像の最大量に設定されています。 –
- 1. jqm親指のリストが正しく表示されない
- 2. フォームパネルの非表示フィールドが正しく表示されない
- 3. Eclipseの問題 - 表示が正しく表示されない
- 4. SQL表示のMAX値が正しく表示されない
- 5. 表示が正しく表示されない
- 6. リストビューがスクロール表示で正しく表示されない
- 7. iOS 4.3シミュレータで表示が正しく表示されない
- 8. Invoice上のRuble-symbolが正しく表示されないPDF prestashop 1.6が正しく表示されない
- 9. ダイアログのマークアップが正しく表示されないダイアログYUI2ダイアログボックスが正しく表示されない
- 10. サイドメニューが表示されているページが正しく表示されない
- 11. コメントが正しく表示されず、モデレーションツールにコメントが表示されない
- 12. 表の罫線が正しく表示されない:相対
- 13. 親のパブリケーションオプションが表示されない
- 14. JavaScript/HTML非表示のフォーム要素が正しく表示されない
- 15. Mathjaxの公式が表示ページに正しく表示されない
- 16. ドロップダウンが正しく表示されない(親divがオーバーフローオートを持つ)
- 17. Googleフォントの重さが正しく表示されない
- 18. アンドロイドデバイスでタブの高さが正しく表示されない
- 19. 配列の長さが正しく表示されない
- 20. FirefoxでiFrameの高さが正しく表示されない
- 21. UITextViewのテキストが正しく表示されず、表示されないが占有されているスペース
- 22. BMPの透明なカラーキーが正しく表示されない
- 23. RがHSVの色が正しく表示されない
- 24. WordpressのCSS表示されていないナビゲーションが正しく
- 25. 修飾されたdoubleが正しく表示されない
- 26. ネストされたIf文が正しく表示されない
- 27. Chromeのヘッダーバーの色が正しく表示されない
- 28. 複数の行のレイアウトアダプタが正しく表示されない
- 29. ハイチャートの線グラフのツールチップが正しく表示されない?
- 30. chartlist.jsのfirefoxのツールチップが正しく表示されない
私はTNナビゲーションのみ行当たり4枚の画像を可能と思われるため、あなたがサムネイルスライダーではなく、サムネイルナビゲーションを使用している場合、それは良いだろうと思います。また、あなたの画像は異なる比率を持っています。固定幅/高さ要素の背景画像として設定してみてください。 –
コードを記入してください。ソースコードが表示されない限り、コードを手助けすることはできません。私たちは前提を作ることしかできません。 –
私は自分のコードをanswer.pleaseとして投稿しました。 –