問題タブ [jquery-cycle]

jQuery Cycle Lite プラグインをシンプルなリキッド レイアウトと組み合わせたいと思っています。

私の問題は、スライドショーの下のコンテンツがその下に消えることです。スライドショー JS がアクティブな場合、スライドショーを含む div の高さが 0px のようです。スライドショー コードを削除すると (代わりに静止画像を使用すると)、div はその中の画像によって正しい高さにプッシュされます。

スライドショー自体はリキッド レイアウトに合わせてスケーリングされるため、スライドショーの高さを px で指定することはできません。誰でも回避策を提案できますか?

コードは以下にありますが、http://jsbin.com/ubufi5/editで私が取り組んできた例を見ると役立つかもしれません。

読んでくれてありがとう！

HTML/CSS:

JS:

jQuery Cycleプラグインを使用して、非常に単純なスライドショーを作成しています。

マークアップ：

脚本：

pagerAnchorBuilderpager（.thumbs私の例では）にサムネイルを作成する関数です。サムネイルはで作成され、スライド（私の場合は画像）のラッパーであるという考え方.thumbsです.slides。

ただし、これはコンソールのログに記録されます（エラーや警告ではなく、ログに記録するだけです）。

[サイクル]1-imgスライドがロードされていません、スライドショーを再キューイングしています：gallery01.jpg 0 0

スライドショーは引き続き機能しますが、サムネイルは作成されずimg、関数の変数pagerAnchorBuilderが未定義であることがわかります。

「キューイングスライドショー」の意味と、画像が未定義である理由について何か考えはありますか？私は過去にこの正確なスニペットを何度も使用しましたが、これまでこの問題が発生したことはありません。

興味深い問題があります...各スライドのサブスライドショーをトリガーする注目のコンテンツスライダーを作成しました...ポケットベルの一時停止を除いて、すべてが期待どおりに機能します。ネイティブオプションと、ホバーイベントをページャーにバインドしてみました。どんな助けでもいただければ幸いです。

関数subCycle（）{

}

スライダーに jQuery Cycle プラグインを使用しています。スライダーが次のスライドに移動する前に、次のリンクがクリックされたときに関数を完了する必要があります。

現時点では、「before」関数が完了する前に次のアクションが発生するのを防ぐ方法がわかりません。以下のコードを使用しています。

現在、私の onBefore 関数と次のスライド関数の両方が同時にアニメーション化されています。

また、プラグインの外に次のリンクを作成してみました:

ただし、これにより、スライドの背景画像がアニメーション化する前に変化し、機能が最初のクリックでのみ機能するというファンキーな動作が発生します:/

JQuery Cycle プラグインを取得して、最初のスライドにスライド効果を適用しようとしています。フェードインする方法を示す例がありますが、blindX 効果を使用しているので、ロード時に画像を右から左にスライドさせると見栄えが良くなります。

何か案は？

ありがとう、

セバスチャンX

私は JQuery 初心者で、解決できない小さな問題に遭遇しました。JQuery Cycle プラグインを使用しています。ページをプレビューすると、ページのどこでもクリックでき、スライドショーがトリガーされます。

画像または div がクリックされたときにのみ、スライドショーを循環させたいと思います。

私のコードは次のとおりです。

html は次のとおりです。

JS をクリック機能でラップしようとしましたが、うまくいきません。助けてくれてありがとう。

JQueryサイクルプラグインを使用して切り替える写真の上に「ホバー」する必要がある小さなdivの使用に問題があります。写真の幅は 950px で、写真の右上にある小さなボックスに最新のニュースが表示されます。

問題は IE の互換性モードにあります。ボックスは z-index を失っているように見え、画像の後ろになってしまいます。IE8、Opera、Chrome、Firefox で動作します。

2枚の写真を削除しようとしたので、1枚の写真しか表示されず、何らかの理由で互換モードでも機能します。img タグ間の空白を削除しようとしましたが、うまくいきません。margin: 0; パディング: 0 全体が運がない

誰が何が間違っているのか考えましたか?

CSS コード

JavaScript コード

HTML コード

• 解決済み - 追加メモ*

IE7 を除くすべてのブラウザーでは、たとえば、top: 0; を指定する必要があります。left:0 position: absolute を使用する場合。それ以外の場合は、通常、サイトの右側で終了します。IE7に関しては、もう1つ意味がありません。

私は Jquery Cycle を使用して、Ajax によってロードされている一部の画像をフェードonBeforeし、プラグインのオプションを使用して対応する画像のキャプションを表示しています。これのフェード部分は素晴らしく機能しています。キャプション部分は、現在の画像セットのキャプションだけをロードする代わりに、キャプションをロードし、各画像トランジションの間に、以前にロードされた画像セットに属する画像のランダムなキャプションを点滅させるだけです。

キャプションの読み込みを両方に設定して、before:運after:が悪いプラグイン オプションで試してみまし.empty()た。また、新しいキャプションを読み込む前に、キャプション コンテナをクリアするために使用してみました。それでも駄目。Jquery Cycle は、CMS で使用している Ajax プラグインの成功関数として呼び出されています。キャプションの問題は、Jquery Cycle が複数回呼び出されたことと関係があると思いますが、新しいインスタンスを開始する前に Jquery Cycle を破棄しても、キャプションの問題は解決しませんでした。私の Jquery Cycle 関数は次のようになります。

そして、ここにライブサイトがあるので、何が起こっているかを見ることができます. どんな助けでも大歓迎です。

高さが幅に比例する全幅スライドショーを作成するにはどうすればよいですか?

したがって、比率を維持したまま全幅の画像を作成する CSS があります。

そして、マークアップは次のとおりです。

私が抱えている問題は、jquery サイクルなどの jquery プラグインをこれに適用するとすぐに、ウィンドウのスケーリングを開始すると幅と高さを調整できないことです。

どんな助けでも大歓迎です-私は他のスライドショープラグインまたはソリューションを使用することにオープンです.

どうもありがとう