問題タブ [jquery-cycle2]

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.

0 投票する
1 に答える
560 参照

jquery - Cycle2 スライドショーの複数ページャーが機能しない

Cycle2 のポケットベルがいくつかの異なる場所に表示されるようにしようとしています。複数のページャーについては、Cycle2 サイトの例を使用しています。私のアプリケーションではうまくいかなかったので、すべてを取り除いてフィドルでやってみました。私のフィドルは、私の Web アプリケーションと同じ結果をもたらします。ページャーは小さく、スタイルがありません。

Cycle2 サンプル ページのソースも参照しました。そこのサイトのように、変更を加えていない例をまったく機能させることができないようです。私は何を間違っていますか。

http://jsfiddle.net/rplace/uLb8u/1/

ページャーの例を示す Cycle2 サイト...複数のページャーの例 (2 つ目) 1 つ下に興味があります。 http://jquery.malsup.com/cycle2/demo/pager.php

0 投票する
1 に答える
2464 参照

slideshow - カスタム tumblr テーマにスライドショー/カルーセルを組み込む

ここで非常に特殊な問題が発生しました:

私は tumblr でホストされるサイトをローカルで開発してきました。プロジェクトを tumblr に何百万回もコピー アンド ペーストすることなく、API を使用して投稿を取り込みます。私は API の方が好きで、それを本番環境で使用することに決めましたが、デプロイする時が来たので、カスタム テーマである{block:Posts}メソッドに戻らなければならないことに気付きました。

投稿をCycle2スライドショーに送り込み、アーカイブに戻らずに合計 9 つのプレイリストを表示できるように、それぞれ 3 つの投稿を含む 3 つのスライドを使用します。このメソッドは API で完全に機能しますが、カスタム テーマではうまくいきません。これが私の現在のコードです:

ポスト番号も破棄しようとしましたが、まだサイコロはありません。tumblrのドキュメントでは、彼らはそれを言う

例: {block:Post5}私は 5 番目の投稿です!{/block:Post5} は、表示されている 5 番目の投稿でのみレンダリングされます。

「表示されている」というのは投稿のhtmlvisibilityを指しているのでしょうか、もしそうなら、サイクルプラグインに干渉しているのでしょうか?その結果、スライドごとに 1 つの不適切な形式の投稿が発生し、2 つの空白のスライドを循環した後、次に古い投稿が代わりに表示されます。誰かが同様の問題を抱えたことがあるなら、私は嬉しい驚きを覚えるでしょうが、私はいくつかのアドバイスを求めて殺します. 参照用の開発サイトは次のとおりです (2 つ目のカルーセルは、まだ API に接続されているため動作しています)。ありがとう!!

0 投票する
1 に答える
375 参照

css - DIV 要素を含む Cycle2 - 開始時の最初の要素が垂直方向に整列されていません

これは私が遭遇している問題です:

ご覧のとおり、Cycle2 が開始されると、最初の要素が整列されていません。2 番目の項目が通過した後、整列は「修正されたようです。何が原因であるかを確認しようとしましたが、何も見つかりません。任意のアイデア?

ありがとう!

0 投票する
1 に答える
2747 参照

jquery - jQuery 画像 Cycle2 ホバー開始

Cycle2 Pause On Hover の機能を取り入れようとしていますが、逆に実行するように実装しています。ホバー時にのみスライドショーが開始されるように (マウスが画像から離れると終了します)

これが以下のデモです

Cycle2 ホバーで一時停止 - デモ

ここにコードがあります

0 投票する
1 に答える
860 参照

javascript - 高さ計算をトリガーする - jQuery Cycle2

Cycle2 を使用して、非表示要素を含むスライドショーを実行するページがあります。

スライドを展開して再度閉じると、高さがずれることを除いて、すべてうまく機能しています。ウィンドウのサイズを少し変更すると、再計算がトリガーされ、高さからのスペースが正しく戻されます。

私は使用しています

基本的に、サイズ変更時に発生するこのアクションをトリガーする必要があります。

任意のヒント?

0 投票する
1 に答える
1781 参照

jquery - 応答性の高い高さを中心としたCycle2

Cycle 2 プラグインを使用しています。高さが反応する中央のスライドショーを作成しようとしています。

http://jsfiddle.net/Tancrede/gnH9H/4/

このスライドショーがうまくスムーズに動作することを願っています。主なポイントは、画像のサイズが異なることですが、それらはすべてビューポートの 100% であり、中央に配置する必要があります (ビューポートが小さすぎる場合はトリミングすることもできます)。

うまくいくように見えるこの命題を見てきました(この解決策を私の問題に適応させる方法がわかりません):

アスペクト比を維持したレスポンシブ背景

しかし、私は高さだけに興味があり、本当のフルスクリーンを探しているわけではありません.

私の推測では、解決策は JavaScript を使用することですが、どこから始めればよいかわかりません…</p>