問題タブ [jquery-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 - jquery サイクルの 2 つの関数をマージする必要がありますか?
jquery サイクルでコールバック前に使用したい関数が 2 つあります。1 つはユーザーが循環するときにページャーをスライドさせ、もう 1 つは画像を含む div 内で水平方向および垂直方向に中央揃えにします。どちらも個別にうまく機能しますが、コールバック前に両方を一緒に機能させることができるようです。私が持っているものを示す例がありますが、スライド関数はアフターコールバックに設定されています。- http://tinyurl.com/27pmzj5
ここに私がこれまでに持っているコードがあります。
この 2 つをコールバック前の両方で機能させるための助けをいただければ幸いです。
jquery - jQueryCycleプラグイン-奇妙な動作を一時停止/再開
素晴らしいサイクルプラグインでスライドショーを実行しています。ショーのボタンをクリックすると、ページに非表示のレイヤーが表示され、「一時停止」コマンドを送信してサイクルします。私は2つの問題を抱えています:
一時停止コマンドを受信すると、cycleはすぐにシーケンスの最初のスライドに戻り(なぜ??)、コールバックの前後にヒットしません。
レイヤーを閉じた後、「resume」コマンドを送信してサイクルします。スライドショーは再開されますが(一時停止が残った最初のスライドから)、スライドショーが進行しても、サイクルはコールバックの前後をまったく呼び出しません。
だから私の質問は、スライドショーを適切に一時停止/再開して、これらの奇妙な動作が発生しないようにするにはどうすればよいかということだと思います。(そして、完全に明確にして混乱を避けるために、これは「ホバーで一時停止」機能に関するものではありません。これは実際にはうまく機能しています。:-)
これが私のcycle()initと私のコールバック関数です。(nextSlideを手動で追跡するのはなぜですか?現在のスライドの組み込み値は、コールバックの前後で適切に更新されないためです。)
これについての考えをありがとう-
最高、エリック
jquery - 複数のjQueryスライドショーの問題
基本的に、jQueryCycleプラグインを使用して複数のスライドショーを含むページを設定しています。各スライドショー('.slideshow')には、ポケットベル('.controls')の形式で独自のナビゲーションがあります。ただし、ポケットベルアイコンをクリックするたびに、すべてのスライドショーでページが次のスライドにフェードインします。問題のスライドショーだけがトランジションを持つようにこれを防ぐにはどうすればよいですか?以下のコードは機能すると思いましたが、機能しません。どのページャーアイコンが選択されているかを表示するにはどうすればよいですか?
私のコードは以下の通りです:
htmlは次のようになりますが、ページに倍数があります。
jquery - jQuery Cycleプラグインを取得すると、IEで透明な画像の黒い境界線と白い背景が発行されます
デモリンク
やあ、
jQuery Cycleプラグインを使用すると、透明な画像のIE内で黒い境界線と白い背景の問題が発生します。
だから私はこれが既知の問題であることを知っていますが、私はこれを理解することができません。
これは私がこれまでに試したことです:
- unitpngfix.jsはトリックをしませんでした
- cleartype:false(段落を透明にしましたが、画像の境界線を黒にしました)
- 背景色:透明(段落を透明にしましたが、画像の境界線を黒にしました)
ここに欠けているものはありますか?
これはIEでのみ発生します。
ありがとう、
アップデート
コードを更新しました...スライドショーが間にあるにもかかわらず、divの高さをゼロにしたため、白い背景が表示されません..IEで画像を1から別の画像に変更すると、非常に遅くなります。スムーズではありません。
jquery - jQueryサイクル:サイクルされたdiv内のリンクが互いに重なっていますか?
編集:私はこれを理解しました。jQuery Cycle プラグインは、動作するすべてのアイテムに z-index を追加するため、最初のアイテムの z-index が常に最大になり、すべてのリンクが台無しになります。プラグインから z-index 機能を削除すると修正されました。
やあ、
現在、いくつかの内部リンクを持つ jQuery サイクルを使用して、サイクリング div を構築しています。基本的に、大きなバナーがあり、その大きなバナー内に、製品、ビデオのサムネイルなどを含む絶対配置の div があります。カスタム ページングもあります。
これはすべて、ほとんどうまく機能します。現在の私の問題は、2 番目の div に回転すると、最初の div と同じ位置にあるリンクが優先され、2 番目の div のリンクと重なるため、ユーザーの対話性に役に立たなくなることです。
これが、コードをより適切にレイアウトするためのコードの基本です。また、以下の回答に応じて、私のポジションの配置についても概説しました。
このシナリオでは、クリックするために常に表示される唯一のリンクは/product/page/
それが理にかなっていることを願っています.jQuery Cycleパッケージ、または各rotation_itemの楽しいCSS設定を使用して、これが起こらないようにする方法を知っている人はいますか?
javascript - Jquery サイクル プラグイン セットのサムネイルの場所
まず、私の質問はここに投稿された質問と非常によく似ていますが、違いは、wordpess と nextgen ギャラリー プラグインを使用して画像を管理し、画像のサムネイル画像を書き込むことです。
サムネイルは次のようになります。
私がやろうとしているのは、サムネイルのソースを設定することです。これが私のコードです:
$('#slideshow').after('').cycle({fx:'fade',speed:'slow',timeout: 0,pager: '#nav',
どんな助けでも大歓迎です。
jquery - jQuery Cycle IE7+8 の問題 - JPEG に白いマークが表示される
jQuery サイクル プラグインに問題があります。さて、機能的にはすべて正常に動作しますが、2 番目のスライドにフェードすると、JPEG の上に小さな「白いマーク」が表示されますか?
最初は、これは z-index の問題だと思っていましたが、明らかにそうではありませんでした。私はこれについていくつかの調査を行ってきましたが、明らかに成功していません。そうでなければ、ここに投稿することはありません! オプションを使用することがわかりました:
背景色などを変更することでこれを修正できる可能性があります。これは何も変わりません。ここに問題のスクリーンショットを提供しました。
http://www.bccfiles.com/wellieboots-new-2010/images/ieissue.jpg
どんな助けでも大歓迎です!
jquery - jQueryサイクル:Windows / Firefox / Cleartypeを有効にすると、フェードする白いテキストが「緑」になります
Windowsでは、背景に白いテキストがあり、それが遷移すると、opacity
値が1に戻されている間、テキストは自然に緑の色合いに変わるようです。
意味あり。しかし、テキストの色を白から別の色に変更する以外に、アニメーションの間に緑の色合いに移行するのを防ぐための回避策を知っている人はいますか?
ここに完全なデモがあります。
ノート:
- LinuxではClearTypeがないため、これは実行されません。WindowsでClearTypeを有効にした場合にのみ発生します。
- 私は指定
cleartype:true cleartypeNoBg
しましたが、私が知る限り、それはIE7の別の問題を解決するだけです。 - ClearTypeを無効にすると、それがなくなることを私は知っています
別のアニメーションスタイル(フェード以外)を含む何らかの回避策を受け入れる可能性がありますが、あなたが持っているアイデアを私に投げてください。
編集:私はここでバグを見つけたと思います。
編集#2 :ここで遷移を調べます。scrollRightがフェードの代わりになるようです。
jquery - jQuery スライドショー サイクル プラグイン バックスラッシュ エラー
サイクル プラグインを使用した jQuery スライドショーを備えた Theme Forest から購入したカスタム WordPress テーマで友人を支援しています。すべてのページで問題なく動作します。私はコードを見て、私が理解できる唯一のことは、ブログページでは、すべての " および ' 文字の前にバックスラッシュを追加することにより、コードを誤って処理し、javascript でそれを壊していることです。 page.php ファイルと single.php ファイルの両方が次のコードを参照しています。
次のように出力されます。
「head」の post_meta が設定されていない投稿ページでは、これが出力される html です。
これはjavascriptを壊します。そのため、ダッシュボードのテーマ オプション ページで設定されている「retro_headimage」のオプションがエコーされていることに気付きました。問題は、そのテーマ オプション ページに移動し、保存時に画像の正しいコードを再入力するたびに、バックスラッシュが再表示されることです。誰でも助けることができますか?
jquery - Jquery Cycle + Jcarousel スライドショーのサムがロードされませんか?
jquery サイクルと jcarousel を組み合わせてスライドショーを作成する作業を行っています。Firefox、Chrome、Safari では問題なく動作しますが、IE ではサムネイルが読み込まれません。
ページャーの画像がどのように生成されるかに関係があると思いますが、jcarousel は IE でそれを処理していませんが、よくわかりません。このスライドショーを機能させるのに非常に近づいているように感じますが、IE で失敗する理由を理解する必要があります。
htmlコードは次のとおりです。
したがって、cycle は div#advanced-slideshow で画像をスライドさせ、ul#mycarousel でこれらの画像に基づいてサムネイル ページャーを作成します。次に、jcarousel は ul#mycarousel のリスト項目を使用してカルーセルを構築します。FF、Chrome、Safari では魅力的に動作しますが、IE で動作させる方法がわかりません。
JSコードは次のとおりです。
$(document).ready(function() {
}); // 終わり
ここに私がこれまでに持っているものへのリンクがあります。デモ
これに関する助けがあれば大歓迎です!