問題タブ [jquery-cycle]

Amazon ストアで jQuery Cycle を動作させられない理由を突き止めようと、ぐるぐる回っています。コンソールからコマンドを実行できるため、jQuery は正常に動作しているようですが、.cycle() を呼び出そうとすると、「*.cycle() は関数ではありません」というエラーが表示されます。他のいくつかの Web サイトで問題なくサイクルを使用しましたが、これは完全に私を混乱させました。

これは、動作できない Cycle インスタンスを含む非常に基本的なテスト ページへのリンクです: http://www.st-amz.com/content/Slideshow.htm

Amazon のコードは完全に混乱しているので、ページ上の内容が非準拠であることに関係している可能性がありますが、私にはわかりません。任意の助けをいただければ幸いです。

しばらく私の質問を忘れてください...言葉の選択が悪い

このコードをjQuery Cycle Slideshowに使用しています...

スクリプトはここにあります...スキップして質問に進むことができます

style is here...スキップして質問に進んでもかまいません

htmlコードはこちら

現在、画像にLISTを使用しています...ディレクトリを提案するにはどうすればよいですか..つまり、ディレクトリを指定するだけで、ディレクトリからすべての画像を選択する必要があります...

jqueryサイクルを使用してスライドショーに取り組んでいます。私が気付いたことの 1 つは、スライド中に、アニメーションが終了する前にユーザーがクリックして次のスライドにスキップできることです。アニメーションの発生中に「次へ」ボタンと「前へ」ボタンを無効にする最良の方法を知っている人はいますか?

これはかっこいいですし、私はこれに精通しています。ただし、クリックできないようにするために、次と前のボタンを表示したままにします。私の特定の状況では、ボタンはデザインの一部である画像です。アニメーションが終了する前にユーザーがクリックできないようにしたいだけです。

ここでちょっとしたピクルス：

大きな jquery.cycle カルーセルを手に入れました。そのスライドは、内部にたくさんのものがある div 要素です。

大まかなマークアップ:

問題は、いくつかのバグを防ぐために「カルーセル」divをorverflow:hidden;設定する必要があることですが、マウスオーバーでドロップダウンリストを表示するには、特定のスライドのいくつかの要素が必要です。これを行うと、ドロップダウンがカルーセル ラッパーの境界を超えて切断されます。私の最初の本能は を使用するz-indexことでしたが、うまくいきませんでした。

「絆を超える」方法について何かアイデアはありますか？

現在、JQuery サイクル プラグインを使用するサイトを持っています。このサイトでは、プラグインを使用してメインの背景画像を変更しています。サイクル プラグインは、HTML にページング セクションも作成します。私の場合は、一連の画像になるようにカスタマイズしました。

私がやろうとしているのは、その特定の「ページ」がアクティブになったら、ページャーの画像を変更することです。なんとか画像を変更できましたが、サイト全体で非常にスムーズなトランジションを使用しているため、ある画像から別の画像にスムーズにフェードしてから再び戻るようにしたいと考えています。

現時点での例をここで見ることができます: http://pegaso.mammalworld.com/「ギャラリー」画像にカーソルを合わせると、それがどのように機能しているかを確認できます。

これは、Jquery が使用するフェードアウト/フェードインではなく、変更する必要がある関数です。理想的には、次の画像ソースに単純にフェードしてから再びフェードアウトします。

アップデート

サイトへの影響を確認するには、ギャラリーにカーソルを合わせて、背景画像が変化するのを確認します。これにより、ページャーの画像が全体的に変化します。フェードは、背景画像と同じくらい滑らかにする必要があります...

助けてください！:)

私はこれを持っています：

しかし、fx を scrollRight にしたい特定のケースがあります (myCondition == true)

それ、どうやったら出来るの？

jQueryの「Cycle」プラグイン（http://jquery.malsup.com/cycle/）を使用して、s内にある証言をローテーションしようとしています<span>...しかし、プラグインが原因でコンテンツが中央に配置されていません。<span>昨日の朝、ここの誰かが要素がプラグインによって絶対的に配置されていることを指摘しました：$slides.css({position: 'absolute', top:0, left:0}).hide()

私はJSを知らず、まだHTML / CSSに取り組んでいるので、ここの誰かがこれの修正を知っていて、私を助けてくれることを望んでいました。うまくいかない場合：/

追加left:50%してみましたが、中央にありますが、スライドが壊れて、すべて<span>が一度に表示されます。

[編集]

HTMLとCSSは次のとおりです。

単独で、すべてが計画どおりに機能します。次に、jQuery/Cycleプラグインを追加します。

これがすべてを台無しにするものです。現状では、<span>sは一度に1つずつ表示され、想定どおりにフェードインおよびフェードアウトします。ただし、絶対位置が原因​​でテキストが中央に配置されなくなります。だから私はに変更left:0しましたleft:50%-ワラ！問題が解決されたテキストは中央に配置されますが、スパンがすべて同時に表示され、フェードイン/フェードアウトがない場合を除きます。

これは私が取り組んだ最近のいくつかのサイトで私を困惑させており、私は別の解決策をとらなければならなかったが、今回はそれの底に到達することを決意している。

こちらのデモページのサンプルコードは次のとおりです：http：//jquery.malsup.com/cycle/int2.html

そして、これが私のかなり似たスニペットです：

nav divは通常のjQuery呼び出しとして正しく生成されますが、何も入っておらず、空です。これはCSSの問題ではありません。マークアップがまったく生成されないため、jQuery 1.3.x〜1.4.xの異なるバージョンに変更し、コンテナ要素をdiv、ulなど以外のものに変更しました。 document.ready呼び出しから削除しましたが、まだ運がありません。

画像のサイズが1000x560ピクセルと大きい場合、スライドショーが途切れます（fpsが遅いように見えます）。テストとして画像のサイズを200x200に変更しましたが、フェードはスムーズでした。何か案は？