問題タブ [infinite-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 投票する
1 に答える
1192 参照

jquery - jQuery Infinite Carousel でコンテナーのサイズ変更関数を作成する

wordpress サイトhttp://cambridgeuplighting.com/scale-testで jquery Infinite Carousel のカスタム実装を作成しています。クライアントに任意の解像度の写真を追加し、それに合わせてコンテナー要素のサイズを変更するオプションを提供したいと考えています。Lightbox/Slimbox または SimpleViewer と同じアニメーション化されたサイズ変更効果を使用します。

順調にスタートしましたが、コードにいくつかの欠陥があります。これは、infinitecarousel.js` の「thumbClick」関数の変更です。

これは、li 要素の rel 属性をインデックス値に設定するために、独自の init.js に追加したコードです。

テスト ページ (cambridgeuplighting.com/scale-test) でわかるように、このコードは、サイズ変更する正しい幅の正しい画像を選択していません。修正が必要な問題の 1 つは、onClick で Li の幅を設定するのではなく、ページの読み込み時に正しく設定する必要があることです。

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

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

jquery - GalleriaとInfiniteカルーセルとajax

ページの画像ギャラリーにGalleriaプラグインを使用していますこのページはajaxを使用してフレームページに読み込まれますこれはajaxです

フレームページではm using Infinite gallery that uses <ul></ul> tags my problem is that offline, testing the page it work完璧ですが、サーバー(オンライン)では、ガレリアを使用したギャラリーが犬に行きます。私が言いたいのは、ギャラリーの代わりにすべての画像のリストを持っているということです。

PS enyoneは私がより良いajaxスクリプトを見つけるのを手伝ってくれますか:D

あなたはここでオンラインwersionを見つけることができます[リンクテキスト][1]

[1]: http: //minavet.ro/TEST/uberminavet/index.htmlそれはtbギャラリーにあります

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

jquery - jqueryホバーイベントを繰り返し発生させる方法

次のボタンと前のボタンにカーソルを合わせたときに移動したい無限のカルーセルがあります。現在、ホバーはこれを一度だけ起動します。マウスが次または前のボタン内にある間、カルーセルを動かし続けたい。

助言がありますか?

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

iphone - iPhone: UIScrollView 内のコンテンツを無限にループする

私のアプリでは、ユーザーが水平にスクロールしてタッチすることで項目を選択できるカスタム ピッカーを設計しています。ユーザーが特定の方向にスクロールすると、そのビュー内のボタンが無限にループする必要があります。コンテンツがビューの外にループするときに UIScrollView の慣性スクロールを維持しながら、この機能に取り組む最善の方法は何でしょうか?

これを試みている他の人の調査から、ユーザーが指を離した後、スクロールの途中でスクロール位置がプログラムでシフトされた場合、減速アニメーションを維持するのに問題があります。この制限を回避するにはどうすればよいですか?

現在この機能を備えているアプリの例として、Apple のMobileMe ギャラリー アプリがあります。インターフェイスでは、ギャラリーを選択した後、上部に水平方向にスクロール可能な写真ピッカーがあり、一方向にドラッグすると無限にループします。

どんなアドバイスでも大歓迎です。

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

javascript - jQuery Carousel が間違ったアイテムにジャンプする

:lastand.before()メソッドが最後の要素の前にコードを挿入しないという奇妙な問題があります。


[編集]
新しい問題を思いついた:/


問題は (これで<li>が順番になったので)、カルーセルが 4 つの項目をスクロールするが、すぐに次の項目にジャンプすることです。

以下のコード。 (また、これだと思います:$('#carousel_ul').css({'left' : '0px'});それはそれをやっています-行1937.

どうもありがとう。

そしてCSS:

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

c# - C#(カルーセル)で最も効率的なエンドレスループ

それぞれがIDを持つオブジェクトのリストを想定すると、カルーセルを構築する最も効率的な方法は何ですか。これにより、各オブジェクトは前のアイテムと次のアイテムが何であるかを知ることができます。最後のアイテムのpreviousIdは最初のアイテムにリンクします。最初のアイテムのpreviousIdは最後のアイテムにリンクします。

前のIDと次のIDが必要です。これは、Webページの次と前のボタンにデータを入力するために使用されるためです。

_nextと_previdのプレースホルダーを追加して、それらを反復処理できることはわかっていますが、これを行う最も効率的な方法は何ですか?

オブジェクトは次のようになります。

それで、もし私が持っているなら、どうすれば前と次のIDを各アイテムList<Item> items最も効率的に追加できますか?

私はこの間違った見方をしていると思います。これを行うためのより良い方法はありますか?

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

c# - Windows Phone 7 で画像を使用して無限のカルーセル効果を作成する方法

私の Windows Phone 7 アプリケーションには、それぞれに画像が関連付けられたオブジェクトのリストがあります (合計で約 40 個)。メインページに画像の1つと、ユーザーがクリックしてオブジェクトの1つをランダムに選択し、ランダムに選択したオブジェクトに一致するように画像を変更できるボタンがあります。

アニメーション効果については、水平方向の「スロット マシン」効果が必要です。この場合、オリジナルの他の 2 つの画像 (左右) が画面に表示され、それらすべてが左に非常に速く移動します。 . それぞれが画面を離れると、別の画像がロードされて右側 (画面のすぐ外) に再表示されます。これはすべて、設定された時間だけ継続する必要があります (減速して選択した画像で停止する前)。

私はいくつかの調査を行い、PathListBox がこの種のアニメーション/回転に最適であることを発見しましたが、残念ながらそれは Silverlight 4 のみであり、Windows Phone 7 は Silverlight 3 を実行しています。別の方法は、水平リストボックスを使用して再-アイテムを最後に移動するように注文します...しかし、アニメーションでそれを行う方法がよくわかりません。

最悪の場合、それを実装するための本当にひどい方法は、DoubleAnimation を使用して、画像ごとに数十のキーフレームがずれていることを使用し、各画像が画面を離れるタイミングを計算し、その直後に個別のキーフレームを設定して画像をポップすることです。画面の右側。これは非常に面倒で、大量のハードコーディングが必要であり、イージング関数を適用 (スピードアップ/スローダウン) することはほぼ不可能です。これを行う最善の方法は何ですか?

ありがとう!!

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

javascript - Infinite Carousel が IE で正しく読み込まれず、Chrome、Safari、および FF で動作する

こんにちは、BigCartel.com で店を経営しています。最近、jQuery スライダーをストアに組み込むことにしました。フラッシュではなくこれを選択したのは、顧客の Apple モバイル デバイスと互換性があるようにするためです。残念ながら、IE で動作させる際にいくつかの問題に遭遇しました。現時点では、私が心配している他の主要なブラウザーである Chrome、FF、および Safari で完全に動作します。頭を壁にぶつけてこれを理解しようとし続けるのではなく、ここで効果的な助けを見つけることができるかもしれないと思いました.

私のウェブサイトはwww.StarboardClothing.comです。私が使用しているスライダーは「Infinite Carousel」という名前で、Catch My Fameで利用できます。

現在使用しているコードは次のとおりです。

サイトの他のすべてのページに適用される私のレイアウト ページのセクションには、次のコードがあります。



次に、実際にプラグインを実装しているセクションのサイトに次のコードを含めます。これにより、IE である程度機能することが可能になりました。そのラッパーを追加する前は、IE ではまったく機能していませんでした。この時点では最小限の機能のみで、1 回プレイするとプラグインが壊れます。他の主要なブラウザーでは機能するにもかかわらず、現在 IE で機能するコントロールはありません。



誰かがこれを IE で動作させるのを手伝ってくれたら、とても感謝しています。IEで動作する可能性があることを知っています。このプラグインを特に選んだ理由の 1 つは、作成者の Web サイトの IE で機能していたことです。喜んで提案を実行し、結果をお知らせします。ありがとうございます。

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

jquery - 2 番目のフレームで jQuery カルーセルを開始

私はこのjQueryカルーセルを持っています: http://dougie.thewestharbour.com/wp-content/themes/dougie/slider.html

現在はうまく機能していますが、css と jQuery で修正しようとしていることが 2 つあります。

http://dougie.thewestharbour.com/wp-content/themes/dougie/carousel/css.css http://dougie.thewestharbour.com/wp-content/themes/dougie/carousel/js.js

画面の中央にある 2 番目のフレームから開始し、1 番目のフレームを左側に、3 番目のフレームを右側に配置するにはどうすればよいですか? 1 番目と 3 番目が両側に均等に配置されるように、中央に配置する必要があります。

1280 ワイド画面でどのように見えるかの画像を添付しました。次に、より大きな画面サイズでは、左右の画像がより多く表示され、すべてが中央に配置されます.

ここに画像の説明を入力

また、1 から 2 に移動するときに次のループが追加されることがわかります。実際に追加されないように、最後から 1 に戻るときに追加するようにするにはどうすればよいですか?

ありがとう、ウェイド

0 投票する
0 に答える
761 参照

android - リモートサイトからの画像を含む円形のギャラリー?

このコードを使用して、URL から画像を取得しています。ギャラリー ビューに設定します。

ギャラリーを円形にしたり、画像を円状にしたり、画面をまっすぐに横切ったりするにはどうすればよいですか。これが BaseAdapter を拡張する私の imageAdapter です...

ここでは、このメソッドを使用して imageAdapter をギャラリーに設定します。

画像が URL からダウンロードされていると仮定して、ギャラリーを循環させるにはどうすればよいですか?

編集: カルーセルのように。このような

https://market.android.com/details?id=com.photocarousel.android&feature=more_from_developer