問題タブ [cycle]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - スライドページャー付きサイクルプラグイン?
ページャーが完全に収まる、6 つのスライドを含むワーキング サイクル スクリプトがあります。さらにスライドを追加した場合、ページャーを現在のスライドと一緒にスライドさせ、それを矢印 (前/次) に使用するにはどうすればよいですか? これはjquery サイクル プラグインの機能ですか? それとも別のものと組み合わせる必要がありますか?
jquery - アクティブなクラスを削除して兄弟に追加する
現在、画像をスクロールできる jQuery Cycle プラグインがあります。コールバックを使用して、この関数を呼び出しています
function onAfterVideoScroll() {
$('.myRemote.active').removeClass("active").next().addClass("active");
}
これは、現在のクラスを別のリンクのセットから削除し、クラスを次の兄弟に追加する必要があります。
これは、どのボタンが現在スライドショーに表示されているかをユーザーが認識できるように、そのボタンの前のボタンがアクティブであることを示している画像を保持するためです。
これが理にかなっている場合は、アクティブなクラスを削除するのに、兄弟にアクティブなクラスを与えない理由を教えてください。
ありがとう!
jquery - jQuery サイクルのフェード順序の変更
こんにちは、上記のコードは、画像がサイクルでフェードする画像スライダーに使用しているものです (それは明らかでした)。
とにかく、これは何が起こるかです:
要素を循環しているときに、前のボタンを押すと、フェードアウトしたばかりli
の要素に戻り、リストを下に続けます。li
私がしたいこと:
前のボタンで前の要素に戻り、方向を逆にしたいので、リストを下に戻るのではなく、上に移動します。
#arrowright
明らかな解決策は、使用するために別のバインドを作成することです。
これはある程度機能しますが、ここでは失敗します。もう一度クリック#arrowright
すると、方向が再び逆になります (doh)。これ#arrowright
は実際にはトグル ボタンであり、必要ありません...
助言がありますか?
jquery - 問題: Jquery サイクル - 画像 + 説明ローテータ /w カスタム サムネイル
Jquery Cycle を使用してカスタム Image + Description rotator /w カスタム サムネイルを構築しようとしています。
この例のようなもの: http://www.malsup.com/jquery/cycle/pager2.htmlですが、DIV (画像の代わりに) と別のディレクトリからのカスタム サムネイルを使用します。
私が理解できることから、DIVS を使用して上記のサンプルを作成する方法は次のとおりです。
「src」を解析/変更する方法、またはディレクトリではなくファイル名を取得するにはどうすればよいですか?
これはうまくいきませんが、私がやりたいことのようなものです....
基本的に... $slideshow の大きな画像の画像 src ディレクトリが static/images/full/ の場合、 pagerAnchorBuilder を使用して static/images/thumbs/ (ファイル名は同じになります) からサムネイルをプルするにはどうすればよいですか?
jquery - jQuery .cycle()は、最初のロード時にWebkitブラウザー[Safari / Chrome]に表示されません(更新後はすべて正常に機能します!)
スライドショー効果を実装するためにjQueryサイクルを使用しています。
スライドショーの画像をクリックすると、次の画像にスライドできます。
これはすべてのブラウザで正常に機能します。Safariでのみ、本当に奇妙なことが起こります。最初のページが読み込まれると、スライドショーの画像はまったく表示されません。ページをリロードした後(更新するか、アドレスバーの横にある[移動]ボタンを押す)、すべてが正常に機能します。
ここで何が起こっているのですか?私は何か間違ったことをしていますか?どうすればこれを修正できますか?
アップデート:
jQueryとCycleプラグインの両方の最新バージョンを使用しています。.cycle()を呼び出すために使用しているコードは次のとおりです。
jquery - JQuery Cycle Plugin が IE で動作しない - 誰が助けてくれますか?
私は現在、JQuery サイクル プラグインを使用して、ウェディング ドレスに関する写真や情報を含む多数の div を移動するクライアント向けのサイトを開発しています。
すべてが Firefox で正常に動作しますが、IE6 + IE7 でテストすると、div はすべて互いに垂直に積み上げられ、画面のすぐ下に数千のピクセルが表示されます。
私には、これは絶対/相対配置または z-index に問題があるように思えます。また、子 div でいくつかのフロートを使用しました。テキスト置換にも SIFR を使用していますが、競合する可能性はありますか?
これが私のコードです。私のサイクルが IE で機能しない原因となる問題を誰でも見ることができますか?
XHTML
CSS - 関連するもののみ
助けてくれてありがとう、これは今私の頭を痛め始めています!!! :(
ダン
jquery - jQuery ".cycle is not a function" エラー - http://stackoverflow.com/questions/1586998/ からのフォローアップ
そのため、以前の質問で提案されたソリューションを実装しようとしています ( SharePoint SOAP GetListItems VS jQuery - Ajax を使用してカスタム リスト項目を循環させ、Ajax でリストの内容を更新する方法についてのアドバイスが必要です)。http://malsup.com/jquery/cycle2/にあるサイクル ライブラリを使用して、カスタム SharePoint リストの行を入力している DIV の内容を循環させたいと考えています。私が作成している html は有効に見えますが、以下のサイクル コードを実行しようとすると、次のようになります。
コンテンツ エディター Web パーツにブロックしたコードは次のとおりです。
コードは期待どおりに起動していますが、Cycle 関数に関して何が間違っているのか疑問に思っています...上記のインクルード内のすべての JavaScript ファイルに明示的にリンクしようとしましたが、ブラウザは問題ありません。このライブラリを正しく使用するには、実際に #tasksUL の CSS を定義する必要がありますか? 私が顔を殴る必要があるコードに明らかなものはありますか? ありがとう!
jquery - jQuery とサイクルが Wordpress で機能しないのはなぜですか?
私は本当にこの問題に苦労しています..
私のワードプレス index.php でサイクル経由で特集記事のスライドショーを表示したいのですが、まあ.. ワードプレスではできません。
最初に、サイクルとスクリプトをヘッダーにエンキューしました。
これは私のjQueryスクリプトです:
次に、このコードをテンプレートの index.php に配置して、注目のカテゴリに最近の 5 件の投稿を表示します。
オーバーレイなどでかなりきれいに見えますが、まったくアニメーション化されません。5 つの投稿が上下に配置されるだけです。
そして、ここに私のCSSがあります:
本当に私を設定するのは、css などを使用したこのアニメーションがすべて新しい html ページで機能したという事実です。???
私は何を間違っていますか?
ドイツからのご挨拶 KAiN
jquery - 最初のロード/ハードリフレッシュでのJqueryのロードの問題
みなさん、こちらのサイトをご覧ください。
わずかなjqueryの問題があり、デバッグ方法がわからないようです。
サムネイルのストリップは、その上にカーソルを合わせるとスクロールすることになっています。ページが読み込まれるとき、またはハードリフレッシュで読み込まれるとき、スクロールしません。
ページを更新すると(通常、ハード更新ではありません)、正常に機能します。
何か案は?
- - - - - - - - アップデート - - - - - - - - - -
これは、他のコードが邪魔にならないクリーンなバージョンです。
これが私が巻物を作るのに使っているJSコードです
スクロールさせるコードについては、後半を参照してください。