問題タブ [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画像のサイズ変更コードが断続的にしか機能しないのはなぜですか?
最初の投稿。私は同じような質問を高低で検索し、手ぶらで出てきたので、ここに行きます。
私は現在、画像カルーセルに表示するために画像のコレクションを比例的にスケーリングするために少しのjQueryを使用しています(このコードの多くをSOユーザーに感謝します)。カルーセルは、jCarousel Liteプラグイン(ここ)を利用しています。ナビゲーションメニューを使用して選択された4つの異なる画像セットがあります。新しい画像セットが選択されると、次のjQueryサイズ変更コードがセット内の各画像に対して実行され、画像カルーセルは#sliderdiv内の新しくサイズ変更された画像を使用して初期化されます。
問題:このコードは、一見ランダムに見える場合にのみ機能します。スライダーが初期化されるときに、画像が正常に拡大縮小されない場合、すべての幅が最大幅に拡大され、画像の下部がトリミングされます。この問題は、スライダーが横向きの画像(900px x 600px)用に形作られているため、縦向きの画像で特に顕著です。順序やクリック数、ウィンドウサイズ、ブラウザに関係なく、コードが正常に機能するかどうかを特定できません。
このコードがランダムに正常に実行される理由はありますか?
jquery - jCarouselLite-リストアイテムを1行に強制する
作成しているWebサイトのリストでjCarouselliteを使用しています。完全に機能しますが、問題は、何らかの理由で、スクリプトがリストアイテムのスタックを停止させていることです。
これが意味するのは-これの代わりに:
私はこれを取得しています:
スクリプトを削除すると正常に機能しますが、スクリプトを使用すると、すべてが1つの「行」に強制されます。スクリプトを調べましたが、どの部分がそれらすべてを1行に強制しているのかわかりません。
スクリプトは次のとおりです:http://www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarousellite_1.0.1.js
また、Heaerの「WhatsOn」セクションで問題のデモを見ることができます:http://www.trekradio.net/dev/ ( このサイトは建設中であるため、その状態を許してください)。
編集:スクリプトで「垂直」オプションを「true」に設定すると、カルーセルのスクロールが垂直に変更され、次のようなリストアイテムが表示されます。これは私が望むものではありません。
jquery - 3つの要素でクラスを循環させるにはどうすればよいですか
私はjCarouselLiteを使用して3つの要素間を循環しています。プラグインをセットアップして、これをうまく実行します。これには、.bulletX
各要素にスライドする3x、つまり、箇条書き1が要素1にスライドするなどが含まれます。
ただし、nivosliderと同様に、クラスを循環させて、表示されている要素を指定する必要があります.active
。.bulletX
.addClass
とでできることがあるように感じ.removeClass
ますが、頭の中でループのセマンティクスを完全に理解することはできません。
.active
.bullet2
手動で適用
完全なHTMLを編集する
jquery - JQuery は JCarouselLite との競合を緩和し、
私はこれを何日も研究し、解決しようとしています。
ネストされたレベルと JCarouselLite を備えた箇条書きアコーディオン メニューを使用しています。
* ddaccordian は jquery.easing.1.3.js で動作します
が、1.1 では動作しません
* jcarousellite は jquery.easing.1.1.js で動作しますが、1.3 では動作しません
私も試してみました:
* var $j = jQuery.noConflict()
- 役に立たない。
* jquery.easing.compatibility.js (ここにあります: http://gsgd.co.uk/sandbox/jquery/easing/ ) も機能しませんでした。
以下は私のヘッダーコードです:
jquery - 実行時にjCarouselLiteに要素を追加するには?
私はこのことを達成するのに苦労しています。ランタイムに要素を追加したいのですがul
、jCarouselLite では正しく動作しません。
要素を追加するli
と、一番下に追加されますが、フローに沿っていません。
私の言いたいことを理解するには、ここのコードを参照してください
誰かが助けてくれることを願っています。
php - 新製品を取り込み、Magento のカルーセルに表示するにはどうすればよいですか?
私はMagentoの初心者です。jcarouselLiteを使ってホームページに新商品を表示する方法はあるのだろうか?現在、プレーサー用の静的コンテンツがあります。新しく出品された商品を取り込み、カルーセルに表示させる方法はありますか? もしそうなら、どうすればそれを行うことができますか?残念ながら、現時点では表示するリンクがありません。ヘルプ/アドバイスをいただければ幸いです。
jquery - HTML で Transitional Doctype を使用すると jCarousel Lite が機能しない
このjCarousel LiteのスライダーにjCarousel Liteを使用しています
しかし、私がこれを置くとき
jCarousel Lite を Transitional Doctype で動作させるにはどうすればよいですか??助けてください。
slider - カスタムスライダーを作りたい
jcarouselliteで簡単なスライダーを作成しましたが、別のものを作成する必要があります。
最初の可視画像を大きくする必要があります。どうすればよいですか?または、スライダーで最初に表示される画像を選択するにはどうすればよいですか?
css - Bootstrapを使用して親にクリップされたホバー効果
Bootstrapと自分のcssを使用してホバー効果を作成しようとしています。問題は、親コンテナであるカルーセルがホバー効果をクリップしていることです。
私が探している外観は次のようなものです(長い説明のあるアイテムにカーソルを合わせます):
http://www.ebay.com/sch/Other-/26261/i.html?rt=nc&_dmd=2
これは私の試みが今どのように見えるかです:
これは私が達成しようとしていることです:
親のオーバーフロー要素をオーバーライドして無駄にしようとしました。
ホバー効果は次のことを行う必要があります。
- カルーセル内のすべての画像で同じサイズにする
- その下のコンテンツを上書きします
これがフィドルです:フィドル
私は何が間違っているのですか?
jquery - jQueryのfadeInjCarouselLitedivにより、スライダーが進まなくなります
CakePHPアプリにjCarouselLiteスライダーがあり、最後に微調整が必要です。クライアントは、ユーザーが背後の背景画像を確認できるように、スライダーが約5秒間読み込まれないようにしたいと考えています。
これまでのところ、次のように設定しています。
問題は、フェード効果を有効にする#carouselDisplay
と、スライダー自体が次のスライドに進まないことです。
jQuery noConflictを呼び出してみましたが、役に立ちませんでした。また、遅延とフェードの影響を$(window).loadイベントに移動しようとしましたが、結果は同じでした。
遅延がスライダーの前進と競合している理由を理解するのを手伝ってもらえますか?私はこれに関する他の報告を見つけていません。
ありがとう!