私は初めて投稿し、ウェブデザインとこのフォーラムに完全に初心者であるという事実を前置きしたいと思います...
画像を表示するカルーセル ギャラリーをセットアップしようとしています。そのために jQuery 無限カルーセル スクリプトを使用しています。寸法を同じに設定したと思いますが、画像がビューポート ウィンドウよりも短いように見えることに気付きました。私はいくつかの試行錯誤を行ってきましたが、それは私が正しく持っていない CSS 設定であると信じていますが、私が間違っていても驚かないでしょう.
先に述べたように、私はこれまでここに投稿したことがないので、あなたが私に投稿してほしいことは何でも、有益なフィードバックを得るために努力します.
元の js (jquery.infinite-carousel.js) は一切変更していません。ダウンロードした .css ファイルを変更して、理解しやすくしました。
助けてくれてありがとう。
#gallery{
width: 1200px;
overflow:hidden;
margin-left: auto;
margin-right: auto;
margin-top: 36px;
border-width: 0 2px 0 2px;
border-color: #666;
border-style: solid;
}
#gallery ul{
position: relative;
padding: 0;
margin-top: 0; //<------- adding this line fixed my problem
}
#gallery li{
width: 1200px;
height: 800px;
float: left;
list-style: none;
}
#prev, #next{
position: relative;
width: 400px;
float: left;
cursor: pointer;
font-family: 'Loved by the King', cursive;
font-size: 20px;
color: #88796a;
text-decoration: none;
}