問題タブ [slideshow]

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

android - Android Horizo​​ntalScrollView ページ単位でスクロール

を使用して、Android アプリにスライドショーを実装しました。これは、スクロールジェスチャで次の画像にスクロールしたいことを除いてうまく機能します(減速する前にいくつかの画像をスクロールするだけです)。これを行う適切な方法が見つかりませんでした。代わりに FrameLayout を使用する必要がありますか? スクロール ジェスチャで次の (または前の) 画像にスクロールするにはどうすればよいですか?

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

jquery - 簡単なjQueryスライドショーを繰り返す方法

snook.caの最も単純なjQueryスライドを複数のネストされた要素に適合させようとしています。私のjQueryは少し冗長だと確信していますが、私はサイクルを機能させています。ただし、スクリプトを要素のセットの先頭に戻して、無限ループを繰り返す方法がわかりません。SnookのスクリプトはappendToを使用して最初に戻り、スタックを再作成しますが、これを配置する方法がわかりません。

HMTLは次のとおりです(これらのリストアイテムには4つの(固定)インスタンスがあります)。

そして、これがjQueryです(<p>循環している要素です):

あなたが私に与えることができるどんな助けにも感謝します!

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

javascript - N 個のエントリで動作するシンプルな JS スライドショー

ユーザーが「前へ」または「次へ」をクリックして、右または左から要素をスライドさせることができる単純な JavaScript スライドショーを作成したいと思います。コンテンツは CMS から取得されるため、「ハードコード」されたものではありません。私のマークアップは理想的には次のようになります (最新のエントリが「show」クラスを受け取る):

順序を自動的に検出し、.client クラスの数を任意にできるものが必要です。これは非常に近いように思えます: http://jsbin.com/ekecuしかし、私はそれが目に見えるリンクに基づいて切り替えるのではなく、絶対に配置された前と次のボタンと同じようにしたくありません。

いくつかの助けを本当に感謝します.または、特に寛大なソーススニペットを使用できると感じている場合.

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

javascript - jQuery スライドショー ループの失敗

私は snook.ca の Simplest jQuery Slideshow を実装しようとしましたが<ul>、画像の単純なスタックではなく、内部の子要素に適用すると。必要な子要素を巡ってスライドショーを回転させることはできましたが、シーケンスを終了して最初に戻るときのノウハウが不足しています。

シーケンスが最初の子要素に戻り<p>、無限ループに続くようにしたいと思います。

JS Binで動作中のスライドショーのデモを見ることができます。jQuery コードが冗長であることをお詫びします。きっと最適化できると思います。

後世のためにここにHTMLがあります:

そして、ここにjQueryがあります:

あなたが与えることができるどんな助けも大歓迎です。乾杯。

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 に答える
4214 参照

javascript - jQueryスライドショーがIE8で機能しない、Safari/Firefoxで正常に機能する

私の次の結婚式のウェブサイト(www.hilaryandmatthew.com)には、本当に気の利いたJQueryスライドショーがあります(www.dynamicdrive.comの提供)

できるだけ早く助けが得られることを願っています。招待状を送信する前に、自分のサイトをシャープに見せたいと思っています。jQueryについては何も知りません。したがって、私はオープンソースコードをコピーして貼り付けるという落とし穴を経験します。

IE8でページを読み込もうとすると、次のエラーが発生します。


メッセージ:'imagearray [...]。0'がnullであるか、オブジェクトではありません行:39文字:3コード:0 URI:http ://www.hilaryandmatthew.com/includes/slideshow/fadeslideshow.js


これは、関数'fadeSlideShow(settingarg)'に渡される画像配列のコードです。

別の.jsファイルにエラーがあるコードは次のとおりです。

-39行目、エラーの原因、以下-

ファイルにはさらにいくつかの関数があります。それらが関連している場合は、完全なソースがhttp://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htmで入手できます。

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

jquery - jQuery - 画像の「無限のスライドショー」を作成しようとしています

次のような画像の無限のスライドショーを作成しようとしています:

  1. ウィンドウ全体で画像をスライドさせます
  2. 最後の画像に到達すると、画像の最初から開始します

これが私の現在のコードです:

setInterval() の理由は、無限のアニメーションを作成することです。

Firebug によると、UL は左に 500 ピクセルスクロールされてから停止します...ただし、LI は正常に移動します。最初の画像はスライドショーの最後に配置され、続きます。

私が必要とするのは、アニメーションが UL をスライドし続けない理由を理解することだけです。

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

jquery - バックグラウンドでの jQuery スライドショー - 間違った CSS かもしれませんか?

「ラッパー」divとその中に他の2つの要素があるこの非常に単純なhtmlがあります。

CSS を使用して、ロゴとメニューを画面下部の 1 つのバーに配置しました。

私の jQuery コードでは、div#wrapper の直後に別の div (#photos) を XML で動的に挿入します。したがって、私の最終的なhtmlは次のようになります。

CSSは次のとおりです。

今必要なのは、背景に div#photos を使用してスライドショーを作成することです。メニュー バーとロゴは常に上部に配置する必要があります。Cycle プラグインを使用していますが、今のところ成功していません。どんな助けでも本当に感謝しています。

前もって感謝します、

ヘリオ

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

jquery - 単純な jQuery サイドショーにアンカー タグを追加する

シンプルなスライドショーにsnook.caスクリプトの1 つを使用しています。ここに一言で言えば:

今、スライドショーでこれらの画像をクリックできるようにしました。したがって、私のマークアップは次のようになります。

スクリプトを複雑にしすぎずにこの機能を実現するにはどうすればよいですか。タグは私に提供されており、私はそれを制御できないことに注意してください.<img/>

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

jquery - jqueryスライドショー

divポップアップ付きのjqueryスライドショーが必要です

そのスライドショーで画像ギャラリーを表示したい。

ギャラリーに 3 つのヴィラの画像があります

それぞれ 5 枚の画像のセットです。

最初の別荘の画像をクリックすると、クリックした画像を含む残りの 4 つの画像がスライドショーに表示されます。

他の 2 つのヴィラと同様。

別荘の画像を 3 つの異なるフォルダーに保存しました。

このためのjqueryを見せてもらえますか...助けてください。

ありがとう