問題タブ [slidesjs]

SlidesJS JQuery プラグインを使用して、Web ページの上部にスライド バナーを表示しています。

ただし、画像にオーバーレイする画像キャプションを追加するのに問題があります。上記の Web サイトに従って、クラス キャプションを含む新しい p を作成し、その中にキャプションを入力しますが、プラグインがこのキャプション div を別のスライドと見なし、各画像の後にキャプション テキストのみを表示していることがわかります。

ページはこちらからご覧いただけます。

SlidesJS docs によると、次のように「再生」オプションを設定することで、自動再生速度を設定できるはずです。

機能していません。自動再生されません。「一時停止」と「再生」の違いもわかりません。

ドキュメントによると：

再生 (番号):

スライドショーを自動再生します。正の数値が true に設定され、スライド アニメーション間の時間(ミリ秒) になります。

一時停止 (数):

次/前またはページネーションのクリックでスライドショーを一時停止します。正の数は true に設定され、ミリ秒単位の一時停止時間になります。

よくわかりません、違いは何ですか？どちらも今のところ何もしていないようです。

私は何が欠けていますか？

ドキュメントはこちら: http://www.slidesjs.com/#docs

編集 スライドショーが実際に機能していることを忘れていました。jQueryがインポートされ、ナビゲーションボタンをクリックするとスライドショーが機能します。自動再生が機能していないだけです。

EDIT JSFiddleを作成しましたが、そこでも機能しませんでした。 http://jsfiddle.net/WbGel/

解決策 hoverPause オプションが期待どおりに機能しません。Web ページ (実際にはどこでも) にカーソルを合わせるとすぐに、スライドショーにカーソルを合わせていると認識されます。ブラウザ全体からマウスを移動しても、ホバリングしていると見なされ、自動再生が機能しません。

SlidesJSを使用してスライダーを設定しようとしている簡単なWebページがあります。

これは、必要なファイルがHTMLページでリンクされる方法です。

そして、loading.gifとpagination.pngをimagesフォルダーのimagesに入れました。

これはページのHTMLです。

これがCSSです

そしてこれがJavaScriptコードです

しかし、スライダーはまったく表示されません！画像はこのように上下に表示されているだけです、

誰かが私がここで欠けているものとそれを修正するために何をすべきかを教えてもらえますか？

どうもありがとう。

混乱しすぎる場合。理解を深めるには、こちらのフィドルをご覧ください。

編集 ：

さて、私はそれを機能させました。これで、スライドが正常に機能します。ただし、ページネーションにはわずかな問題があります。表示されるはずの小さな円は表示されません。数字だけ。以下を見てください

画像フォルダにpagination.pngを入れました。スクリプトなどでパスを設定する方法はありますか？

さまざまな jQuery タブに多くの jQuery SlidesJS があります。よく働く。私の問題は、tab2withをクリックして withslide2に戻るtab1とslide1、1 から再起動したいということですslide1! これに対する私のコードは次のとおりです。

#ui-id-1ですtab1。それをクリックするとslide11から始まるはずですが、空白の白いdivが表示されます。タブをクリックしたときに 1 から開始する方法はありますか?

2 番目のスライドのコンテンツを動的に生成して DOM に追加すると、$('#slides1 .next').click(); の呼び出し中に「スタック オーバーフロー エラー」が発生します。

slidejs:同じ前の次のボタンで2つのスライドを制御する方法は?

SlidesJSはjQueryコンテンツスライダープラグインです。ソースを理解しようとしています。私はJavascriptとjQueryに比較的慣れていません。しかし、私が興味を持っているのは、ソースコードの次の行です。

コメントによって、作成者が2つの配列をマージするつもりであることがわかります。1つはのデフォルト値を含み、もう1つは関数の呼び出しを通じて渡される引数ですoption。optionただし、どちらも同じ変数を参照していませんか？関数の引数slides(option)？

とにかくうまくいくようです。ここの魔法は何ですか？

サイトに SlidesJS プラグインを実装しようとしていますが、ページが読み込まれると次のエラーが発生します。

私のhtmlは次のとおりです。

私のcssファイルには以下が含まれています：

そして私のjsファイルには以下が含まれています：

jQuery とプラグイン固有のスクリプトの両方を含めましたが、それでもこのエラーが発生します。何か不足していますか？

Slidesjs (カルーセルのような) スライド アニメーションを画像リスト (以下に示す) に適用しようとすると、エラーが表示され、画像がスライド アニメーションなしで積み重ねられたようになります。Web Api によって供給される Knockout バインドされたイメージ リストでイメージ スライダーを試した人はいますか?

キャッチされていない typeerror は未定義のプロパティ 'style' を読み取ることができません (下の slidesControl[0].style[transform] で)

slidesContainer[0] にスタイル属性がないため、エラーが発生します。次のように設定されているため、slidesContainer もありません。

問題は、slidesjs-control が Slidesjs プラグインによって生成されない理由です。何か案が？

編集（ヒント）

私は、slidesjs プラグインの初期化時に、#slider div に要素がないことを発見しました。しかし、slidesjs が開始する前に、Knockout がそれを埋める必要があります。ノックアウトコードが最初に来るからです。SlidesJs の Init メソッドでコンソールに $("#slider") と入力して Enter キーを押すと、次のようになります。

私のHTML：

私の Slidesjs スクリプト:

私のノックアウト スクリプト:

SlidesJS スライドショー プラグインを使用しています。うまく機能しますが、プログラムでスライドショーを停止する必要があります。プラグインは停止および再生ボタンを生成できますが、ユーザーがこれらのボタンをクリックせずにスライドショーを開始および停止する機能が必要です。

スライドハウは次のように作成されます。

プラグインのバージョン 3 を使用していますが、ドキュメントに何も見つかりません。

私はこの解決策を見つけました( http://seankstewart.com/lab/js/jquery/plugins/Slides/examples/images-with-captions/index-test.html# )が、プラグインのバージョン1用です。

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

アンドリュー。