問題タブ [jcarousellite]
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.
javascript - Jquery UI タブと jcarousel lite プラグインが Internet Explorer (IE) で動作しない (競合)
私は自分のWebページにjquery-UIタブとjcarousel liteプラグインの両方を持っています.IEを除くすべてのブラウザでうまく動作します.jcarousel JSを取り出すとタブが正常に動作します。
この問題や修正方法について何か提案はありますか? ありがとう
javascript - jCarouselLite 自動スクロール間隔をリセット
jCarouselLiteカルーセルの自動スクロール間隔を何らかのイベントの後にリセットして、次または前をクリックしたときのタイマーの長さに関係なく、完全な間隔でコンテンツを表示できるようにするにはどうすればよいですか? 現在、9 秒後に次または前をクリックすると、1 秒後に再びスクロールします。
jCarouselLite ソース コードの274行目から 277 行目は、 を使用して自動スクロールが実装されている場所setInterval
です。setInterval によって ID が返された場合に使用できることはわかっていますがclearInterval
、ソース コードを変更する以外に取得できる ID はありません。
何か案は?ありがとう!
jquery - jCarousel Lite - 画像を水平方向および垂直方向に中央揃え
さまざまなサイズ/アスペクト比の画像を含む jCarousel Lite を Drupal で使用しています。画像を垂直方向と水平方向の中央に配置しようとしてもうまくいきません(つまり、等間隔)。プラグインでは、画像が<ul><li><img ... /></li></ul>
. とりわけ display:inline-block
、私は試しましたが、そのほとんどはカルーセルを台無しにするだけです。marginTop:50%
カルーセルは次の場所に投稿されています: http://carillontech.org/drupal/
ありがとう!!
jquery - jCarouselLite:現在表示されている画像の値を取得するにはどうすればよいですか?
jCarouselLite ギャラリーをスクロール サムネイルとして機能させ、現在表示されている画像を何らかの形で参照して (次に、配列などから最初の画像を選択して)、その横に大きな画像を表示するようにします。これにどのようにアプローチしますか?
現在のセットアップ -
$('.carousel').jCarouselLite({
btnNext: '.next',
btnPrev: '.previous',
auto: true,
timeout: 500,
speed: 500,
vertical: true,
visible: 3,
circular: true,
beforeStart: function(a) {
//alert("Before animation starts:" + a);
},
afterEnd: function(a) {
//fetch first image of the currently displayed images
//set html content of .display div to be that of the new image
}
});
jquery - jcarousellite を使用した幅 100% の水平スライド
jcarousellite コントロールを使用して、次のボタンと前のボタンを介して画像にカルーセル効果を提供しています。
ブラウザの幅まで広げてほしい。幅 : 100%。これは何らかの理由で機能しません。
<li>
問題は、画面の最後まで拡大できるように、幅を 100% にする方法だと思います。
=========================
アップデート
width:105% をanyclassに設定すると、全幅になります。ただし、画面を大きくすると、再び問題が発生します...助けてください
jquery - 次の前のボタンと自動スライドが一緒にあるjcarousellite
http://www.gmarwaha.com/jquery/jcarousellite/?#demo
やあ、
jcarouselliteは非常に優れたjquery拡張機能です。自動スライドショーと前/次へボタンの両方に使用しています。
しかし、この効果をこのように組み合わせると
それからそれは私に問題を与えています。
自動スライドショーが途中で、[次へ]をクリックすると、スライドショー全体がいくつかの画像をスライドさせて、次の画像に戻ります。
誰かが以前にこれをしたことがありますか?
ありがとう.....申し訳ありませんが表示するオンラインデモを持っていません
jquery - マウスオーバーで jcarousel Lite アニメーションを停止しますか?
ユーザーが特定のアイテムにカーソルを合わせているときに、jcarouselled アイテムのアニメーションを停止しようとしています。画像以外のコンテンツをスクロールしていますが、ユーザーがスクロールしたテキストを読む機会を与えたいと考えています。
どうやってするの?ドキュメントにも記載されていません。
jquery - jcarousel またはそのように見える他の画像スライダー
jcarousel のように無限ループ (円形) の画像スライダーを探していましたが、次のボタンを押したときに画像が 1 つだけ移動するものが欲しかったのですが、jcarousel で問題ありませんでした。デモを使用すると、chrome FFなどで正常に動作します.IE以外のすべて、これは例です
IE6以降、および他のブラウザーで機能するようなものが欲しいだけです! 私は探していましたが、答えが得られないようです.IE8で何かが無効になっている可能性があります.IeTesterでもすべてを試しています. よろしくお願いします。
jquery - jCarouselLite での位置の表示
単純な JQuery カルーセルに jcarousellite を使用していますが、左端と右端のアイテムの画像が非表示になり、中央のアイテムに表示されるように少し変更したいと思います。
これを行うには、いつでもビュー ポートに表示されているリスト項目を見つけることができる必要があります。ソースコードを掘り下げて、含まれているコールバックを使用しようとしましたが、表示されているアイテムと一致するインデックス番号を取得できません。
誰かがこれを経験したり、それを解決する方法についてアイデアを持っていますか?
編集
OK はこれをある程度解決しましたが、まだ正しく動作していません。afterEnd 関数はプラグインに組み込まれており、現在表示されているアイテムのオブジェクトを提供します。これを使用して、リスト要素の ID を提供し、いくつかの遷移を適用しました。
問題は、これがすべてプラグインの「外側」にあるため、自動スクロールを有効にすると、このコードはすべて無視されることです。このコードをプラグイン内の関数に挿入する何らかの方法が必要ですが、それがちょっと行き詰まっているところです。
これはプラグイン内の関数で、コードを挿入する必要があると思いますが、どのように機能するかわかりません。
javascript - オーバーフロープロパティが非表示に設定されたdivのオーバーフロー領域内にある場合、html要素が表示されているかどうかを確認する方法は?
jCarouselLite プラグインによってオーバーフロー プロパティが非表示に設定された一連の LI 要素があります。私がしたいのは、jCarouselLite'd 要素をスクロールして、必要な LI 要素までスクロールすることです。これは、3 つの要素のみを表示するように構成しているためです。プラグインによって生成された html コードを見ると、次のことがわかります。
したがって、プラグインによって最初の 3 つの LI 要素が表示されますが、最後の LI 要素は表示されません。私がやりたいことは、4 番目の LI 要素が表示されるようにスクロールすることです。または、最後の LI がオーバーフロー領域内にあるかどうかを確認できれば、自分でそれを行うことができるので、スクロールする必要があるかどうかを確認できます。それを表示するかしないかです。
混乱して理解できないことを願っています。