1

ContentFlow JS スクリプト ( http://www.jacksasylum.eu/ContentFlow/index.php ) を使用しており、ShadowBox ( http://www.shadowbox-js.com/index.html ) AddOn も使用しています。

http://salts-studios.com/resources/contentflow/

ContentFlow は正常に動作しますが、画像をクリックしても ShadowBox が読み込まれません。

私はこれを頻繁に言うわけではありませんが、IE9 では問題なく動作します :)

ShadowBox JS は圧縮されているため、実際に見ることができるものは多くありません。firebug の「aG is undefined」で続けなければならないことは 1 つだけです。

ShadowBox をスタンドアロンでダウンロードしようとしましたが、jQuery アダプターも使用しました。同じことが両方で起こります。

何かアイデアはありますか？

前もって感謝します。

4

1 に答える 1

0

独自のドメインからの画像のみを表示することを計画している場合は、Shadowbox のバージョンに適切なオプションがあります。ただし、それ以上のものが必要な場合は、Shadowbox とBase Adapter、CSS Selectorsを再ダウンロードする必要があります。不要なものが見つかるまでAll Playersをお勧めします。

次に、Shadowbox を正しくインストールする必要があります。インストール時にファイル名が変更されていることに気付きましshadowbox.jsた。Shadowbox はそのファイルを名前で検索するため、デフォルト名に変更してください。

また、Shadowbox デモのメソッドを使用して、必要のない Shadowbox を初期化しました。代わりに、正しい形式を確認してください。

<!-- Install Shadowbox -->
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css" />
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>

<!-- Initialize Shadowbox -->
<script type="text/javascript">

    Shadowbox.init();

</script>

次に、Shadowboxは img タグではなくアンカー タグで動作するため、HTML を次のように更新します。CSS スタイルは適切な操作に影響を与える可能性があるため、Shadowbox が開いて画像が表示されるまではpic0.jpgを使用してください。簡単に見つけられるように、他の画像とは大きく異なる画像を使用するのが理想的です。

  <div class="item">
    <a href="pics/pic0.png" rel="shadowbox" title="Optional Shadowbox Title">
      <img class="content" src="pics/pic0.png"/>
    </a>
    <div class="caption">pic0: some stripes</div>
  </div>

上記のアンカー リンクにはHD バージョンの画像を含めることができますが、pic0.png はフロー プレーヤー用にサイズ設定されています。他に質問がある場合やサポートが必要な場合は、お尋ねください。

于 2012-05-30T11:32:19.513 に答える