問題タブ [carousel]

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 投票する
0 に答える
1829 参照

ios - 円形スクロール ビュー

循環スクロールビューを実装しました。

正常に動作していますが、スクロール ビューのデリゲートが呼び出されないことがあります。

コードを添付しましたが、そのバグは何ですか....

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

internet-explorer-6 - div透明な背景とie

以下のカルーセル構造を使用しようとしています

カルーセル

問題は、背景 (左側の説明へのリンク) が半透明であり、ie6 を除く Opera、Firefox、Chrome、Safari で正常に動作することです。ie6ではその透過性なしで表示されます。他のブラウザとして表示するように変更するには?

0 投票する
2 に答える
1299 参照

javascript - JavaScriptでカルーセルを作成しますか?

ユーザーが前と次を押すと、画像とそれに関連するテキストのみが表示されるカルーセルを作成したいと考えています。最初のアイテムが Image1 の場合と同様に、This is Image1 テキストが表示され、ユーザーが次の Image2 を押すと、This is Image2 が表示されます。

以下は私のコードです

ありがとう

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

jquery - カスタムメイドのjQueryスライダーでの奇妙な動作

jQueryを使用して独自のカスタムコンテンツスライダーを作成するのは簡単だと思い、まともなものを作成することができました。スライダーラッパー内に、スライダーのコンテンツとスライダーのリストがあります。スライダーには、3つのコンテンツ領域のうちの1つのみが表示されています。

これはスライダーのHTMLです。

#featured_contentはコンテンツdiv#featured_listはリストdivです。

これはCSSです:

そしてここにjQueryコードがあります:

問題は、最初のアイテム(item-3)が表示されていても、テキストは選択できませんが、その下のレイヤーは選択できることです。私が設定したこのテストページのコンテンツ領域にあるリンクをクリックしてみてください。

http://dev.drumroll.no/jquery-slider-fail/

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

jquery - jquery水平スクローラーの修正(単純)

本当にかわいいカルーセルがいくつかあることは知っていますが、私はあなたが見るほとんどのフラッシュカルーセルを模倣する非常に具体的なカルーセルが欲しかったのです。

外観は次のとおりです。valums.com/wp-content/ uploads / 2009/02 / menu / final.htm

そしてここに記事があります:valums.com/scroll-menu-jquery/

さて、下にmy(Gideon)のコメントが表示されている場合、この問題は1つだけです。含まれているdivに多くの画像を追加すると、完全に混乱し、画像は次の行に流れます。ドキュメント。一時的に私は2つのdivでこのように実装しました:www.giddy.co.inですが、私の新しいサイトでは1行の画像が必要です。

また、私のバージョンでは、下部のテキスト/キャプションが表示されません!

本当にありがとう

ギデオン

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

jquery - Jqueryは、配列内の各アイテムのインデックス番号を返し、そのインデックスをRel属性無限カルーセルに設定します

Jquery Infinite Carousel を操作して、現在表示されている画像に基づいて画像コンテナーのサイズを動的に変更しようとしています。現在の画像を含む Li 要素のインデックスを取得する必要がありますが、問題は、Infinite Carousel が Li を自動的に削除して並べ替えることです。これは、それらの EQ() プロパティが常に変化していることを意味します。

そのため、スライドショーが開始され、Infinite Carousel が Li の順序を変更する前に、ページの読み込み時にインデックス位置に基づいて REL 属性を割り当てる必要があります。

基本的に、私の Html は次のようになります。

そして、ページの読み込み時にjqueryを使用してこれを作成する必要があります:

jQuery API についてたくさん調べましたが、使用するプロパティまたはプロパティの組み合わせがわかりません。

ご協力いただきありがとうございます!

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

javascript - JavaScript 移動ボックスの自動再生

http://gati.simptome-remedii.ro/にアクセスしてください。ご覧のとおり、ヘッダーにはカルーセル効果があり、矢印をクリックするか左右のキーを押すと前後に移動します。自動再生する必要があるため、自動スライド効果が必要です。時間間隔は 5 秒にする必要があります (後で設定できると思います)。

このカルーセル効果は、 jquery-1.3.1.min.js と slider.js を使用します。

Slider.js

返事が来るのを本当に楽しみにしています。

ありがとうございました !

よろしく、ラズヴァン。

0 投票する
3 に答える
5737 参照

gwt - GWTカルーセルウィジェット

私は現在、「カルーセル」ウィジェットを使用する必要があるGWTプロジェクトに取り組んでいます。カルーセルウィジェットは、情報と2つの矢印を表示することになっています。ユーザーが矢印の1つをクリックすると、コンテンツがアニメーションで移動され、新しいコンテンツに置き換えられます。

利用可能なウィジェットライブラリを調べてきましたが、「カルーセル」ウィジェットは利用できないようです。私が見つけた唯一の本当の候補はgwt-yui-carouselウィジェット(以下のリンクを参照)ですが、これはリソースの過負荷のようです-それは私が必要とするものをほぼ正確に実行しますが、単純な画像を表示する代わりに、ビュー/プレゼンターをMVP用語で表示します。

実行中のウィジェットは次のとおりです:http: //gwt-yui-carousel.googlecode.com/svn/trunk/www/com.gwtyuicarousel.javascriptload.JavaScriptLoad/javascriptload.html

(ここから来る:http ://code.google.com/p/gwt-yui-carousel/ )。

私が知らないより良いカルーセルウィジェットが利用可能ですか?または、既存のものを拡張して、目的の効果を作成する必要がありますか?gwt-yui-carouselの使用をお勧めしますか(私はそうは思いません)?これ以上の選択肢がない場合は、自分でウィジェットを作成するのが良いと思いますか?

ここで重要なのは、プレゼンター/ビューを表示する必要があることです。これにより、矢印のクリックなどでデータベースのデータがフェッチされます。したがって、既存のウィジェットのカスタマイズが必要になるか、選択されます。ウィジェットは、GWTウィジェットのリストを表示できる必要があります。

繰り返しになりますが、既存の通常のカルーセルウィジェットの1つを使用できるとは思いません。なぜなら、それらは「gwt指向」ではなく、ビュー/プレゼンターやこのすべてのgwtのものをサポートできなかったからです;)

どんな答えでも大歓迎です:)

よろしくお願いします、

ニルス

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

jquery - jQuery image carousel - How can I repeat the images?

I've written an image slideshow in jQuery that speeds up/down based on where the mouse is hovering over the images.

I'd like to have the images 'repeat' as the slideshow ends. So the user scrolls through the slideshow, it reaches the end of the image LI's and then seamlessly repeats from the start.

Here's the current code:

jQuery

HTML

The scroller works and the speed/direction works nicely with the overlayed DIV buttons. My animate() callback to repeat is slow, buggy and just bad :/

My overuse of .stop() also looks like a potential problem >.<

Any ideas?

0 投票する
2 に答える
1421 参照

jquery - jQueryラウンドアバウトIE画像のピクセル化

http://lunatestsite.co.ukで、ホームページの下部近くにある私の jQuery ラウンドアバウトは、IE7 および 8 で問題があります - 本の表紙の画像がぼやけている/ピクセル化されています。

IE 画像表示の問題

IEのemサイジングがその根底にあることと関係があることを示唆していますが、そこで到達した結論はよくわかりません。不透明度は問題ではないと思います。

これは、このサイトのチェックリストの最後の部分です。

ありがとう

編集: roundable-movable-item および roundabout-movable-item img の高さと幅の em 宣言の前に font-size: 1em にリセットすることで修正されました。現在、IE7 と 8 で動作しています。