0

まず第一に、私は言わなければなりません：

なんと幻想的なソフトウェアでしょう！

適切に設計、実装、文書化されており、非常に多くの優れた機能があります。

それをオープンソースとして提供してくれたタンクはたくさんいます！

これで、「Gambio GX」ショップシステム (非常に高度な osCommerce フォーク) のスライダー実装を作成しました。

ここで実際に見ることができます: http://marmorkamin-shop.de/Test/

利用可能なすべての画像変換 (377) とキャプション アニメーション (438) を使用しました。どちらもスライドごとにランダムに選択されます...

(結果として、163,618 (!) 通りのスライドの変更方法が発生します....)

スライダーは、ショップ データベースのスライド情報に基づいて、PHP で動的に生成されます。

このような環境ではインライン スタイルは非常に柔軟性がないため、スタイリングをスタイルシートに移動しました。

それはすでに魅力のように機能します....

私が遭遇している2つの問題：

キャプション領域が切り取られることがあります (この図の最初のキャプションを参照してください:スクリーンショット)

ブレット ナビゲーターのブレット 1、2、および 3 のみがアクティブで、その他は応答しません。

この理由は何ですか??

この素晴らしいソフトウェアに感謝します。

編集：

キャプション領域が切り取られることがあります (この写真の最初のキャプションを参照してください: スクリーンショット)

その間、これに対する迅速で汚い解決策を見つけました：

clip: auto !important;キャプション要素に CSS direktice を割り当てます...

しかし、私はより良い解決策があるに違いないと確信しています:-)

4

2 に答える 2

0

ブレットナビゲーターを簡単な方法で定義する例を次に示します。

<script>
    var jssor_options={
      ...
      $BulletNavigatorOptions: {                        //[Optional] Options to specify and enable navigator or not
        ...
        $SpacingX: 5,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
        ...
      }
      ...
    };
<script>

<!-- Bullet Navigator Begin -->
<style>
    .the_navigator{
        position: absolute;
        bottom: 0px;
    }

    .the_navigator_item, .the_navigator_itemdn, .the_navigator_itemav {
        position: absolute;
        width: 27px;
        height: 24px;
        line-height: 24px;
        color: #fff;
        font-weight: bold;
        background-color: #321601;
        text-align: center;
        cursor: pointer;
    }

    .the_navigator_item:hover, .the_navigator_itemav {
        background-color: #d1013f;
    }
</style>
<!-- bullet navigator container -->
<div class="the_navigator" data-u="navigator">
    <!-- bullet navigator item prototype -->
    <div class="the_navigator_item" data-u="prototype"><numbertemplate></numbertemplate></div>
</div>
<!-- Bullet Navigator End -->
于 2014-07-20T11:42:07.590 に答える