問題タブ [infinite-carousel]

私は初めて投稿し、ウェブデザインとこのフォーラムに完全に初心者であるという事実を前置きしたいと思います...

画像を表示するカルーセル ギャラリーをセットアップしようとしています。そのために jQuery 無限カルーセル スクリプトを使用しています。寸法を同じに設定したと思いますが、画像がビューポート ウィンドウよりも短いように見えることに気付きました。私はいくつかの試行錯誤を行ってきましたが、それは私が正しく持っていない CSS 設定であると信じていますが、私が間違っていても驚かないでしょう.

先に述べたように、私はこれまでここに投稿したことがないので、あなたが私に投稿してほしいことは何でも、有益なフィードバックを得るために努力します.

元の js (jquery.infinite-carousel.js) は一切変更していません。ダウンロードした .css ファイルを変更して、理解しやすくしました。

助けてくれてありがとう。

概要：

シャッフル機能を作りたい。それを達成するには：

1) 「ID」に基づいて、利用可能な投稿の総数のランダムなリストを作成します。

2）IDに基づいて完全な投稿データを取得する（この時点で、投稿のランダムな配列があります）

3）これらのランダムな投稿をナビゲートするカルーセルを適用します（この質問の目的と目的はまだあります）。

そのための最良のカルーセルは何でしょうか?

私はフクロウのカルーセルを使用していますが、循環/無限スクロールをサポートしていないことを除いて、完全に機能します。私はグーグルとスタックオーバーフローでアイデアを探しましたが、うまくいきませんでした。フクロウのカルーセルに循環/無限スクロールを実装した人はいますか?

私は無限のカルーセルを使用していますが、クロムではうまく機能しますが、Firefox では画像が表示されません。リンクはhttp://www.mawk3y.net/alsoos/saudisaif です

FragmentPagerAdapterとViewPagerを使用してカルーセルビューに取り組んでいます。ページをスクロールするたびに画像名を変更すると、2番目の画像に対してのみ間違った名前が表示されるという問題に直面しています。この場合、最初の画像の名前が表示され、3 番目の画像以降は再び位置が 0 から 1 に増加します。onPageScrolled で位置を確認しましたが、1 番目と 2 番目の画像の両方で 0 が表示されています。また、2番目の画像が表示されたときにのみ getItem メソッドに呼び出しが来ないことを私が観察したもう1つのこと。この問題を解決するアイデアがあれば教えてください。

Bootstrap Angular カルーセルを使用しています。私がやろうとしているのは、ロード時にアクティブなクラスを動的に設定することです。私 mediacontent[slider_url].itemsはバックエンドからロードされています。私は約束された方法を持っていません。

follwing はファクトリです (無限 -scroll の場合) バックエンドから画像配列を取得するために使用しています。

画像データ ファクトリ:

カルーセル HTML :

動的にアクティブに設定できる方法はありますか、提案してください。

私が試したこのプランカー： http://plnkr.co/edit/VemNkVnVtnaRYaRVk5rX?p=preview