0

Skeltonボイラープレートを備えたflexsliderプラグインを使用しています。ただし、スライダーを大きな画像で動作させることはできません。理論的には、スライダーは画像を .flexslider クラスのサイズに合わせる必要がありますが、ビューポートのサイズが変更されたときに画面に合わせて画像のサイズを変更するのではなく、画像の一部のみを表示します。

私は非常に標準的な Skeleton フレームワークを使用しており、flexslider css や javascript には少しも触れていません。

対応する HTML は次のとおりです。

<div class="container">
<div class="sixteen columns">
        <h1 class="remove-bottom"> Skeleton </h1>
        <h5>Version 1.2</h5>
        <div id="divider"><hr></div>
    <div class="flexslider">
      <ul class="slides">
        <li>
            <img src="images/kitchen_adventurer_cheesecake_brownie.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_lemon.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_donut.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_caramel.jpg" />
            </li>
      </ul>
    </div>

ドキュメントでflexslider javascriptプラグインが呼び出されていない場合、画像はコンテナdivのサイズに準拠しているように見えますが、そこに入ると機能しないようです。

助言がありますか？

ありがとう！

4

1 に答える 1

0

コードの非常に重要な行を 1 行見逃していました... jQuery ライブラリです! 私の悩みを全て解決しました！

于 2013-04-30T20:51:00.300 に答える