0

この Web サイトのコードを使用しています: http://www.basic-slider.com/

ギャラリーは機能的に機能しますが、スライド間を移動するための矢印は、ギャラリーの横ではなく左下に配置されています。css が不足しているかどうか、または余分な CSS があるかどうかはわかりません。私の js と css の両方のインクルードは正確なので、ページはめ込みコードを次に示します。

<script>
$(function() {
    $('#gallery-slides').bjqs({
            'height' : 400,
            'width' : 900,
            'animation' : 'slide',
            'animationDuration' : 450,
            'centerMarkers' : true,
            'centerControls' :true,
            'nextText': '<img src="css/scroll/next.png">',
            'prevText': '<img src="css/scroll/prev.png">',
            'showMarkers': false,
            'keyboardNav' : true,
            'automatic' : false,
        });
});
</script>

<div id="gallery-slides" style="width:900px; height:400px;">
      <ul class="bjqs">
        <li>
        <!-- content here -->
        </li>
      </ul>
</div>

私のウェブサイトは: http://www.a-towndesigns.com/trs/#/content-gallery

4

1 に答える 1

0

あなたのliを浮かせれば、それは助けになるはずです:

bjqs-controls li {
                 float:left;
                 }
bjqs-controls li:first-child {
                 float:right;
                 }
于 2013-06-14T23:31:43.670 に答える