問題タブ [coda-slider]

私はjQueryが初めてで、Wordpressで2つのことを行うインタラクティブなスライダーを作成しようとしています:

1)ホバーすると、メインの写真ボックスに新しいdivが表示されます

2) リンクをクリックすると、そのページに移動します

ただし、エラー コンソールは、スクリプトの後半で next が定義されていないことを示しています。

これは私がこれまでに持っているものです:

HTML

その後、HTML で

これを表示できるページは次のとおりです: http://www.toppling-dominoes.com/sevenoaks . どうもありがとう！

更新: wahtever のアイデアとこのチュートリアルの助けを借りて、スライダーがほぼ機能するようになりました。サイクル プラグインには、当初考えていたよりも多くの機能があります。

いくつかの画像が積み重ねられているコーダスライダーを使用しています。マウスをクリックすると、最前面の画像が戻り、残りの画像が前方に進みます。問題は、ページで個別に使用した場合にIEで正常に機能することです。しかし、フレーム内で使用すると機能しません...助けてください...

画像を中央に配置したいのですが、coda スライダーで動的なオフセットを設定する方法を知っている人はいますか? div クラス パネルは画像の幅のみであるため、画像間には 9px しかありません

こちらをご覧ください http://tradinx.com/codatest/

助けてくれてありがとう

現在、Coda-Slider 3 を自分の Web サイトに実装しようとしています。

スライダーが実際に機能するかどうかを確認する以外に、まだ何もしていませんが、機能していません。

読み込まれると、レイアウトが取得され、スライダー以外のすべてがスライドせず、コンテンツ領域に壊れた画像と「読み込み中...」というテキストが表示されます。

ステータスバーにもエラーが表示されます

「オブジェクトはメソッド line:5 のこのプロパティをサポートしていません」

ここに私のjavascript / htmlがあります

ソースコード

Coda Sliderを使用して、新しいタブが選択されたときにマーカー（CSS三角形）を移動させようとしています。これが私が目指していることです：デザイン、これまでの私の仕事はここにあります：WIP。

現時点では、左側のナビゲーションパネルの下部に矢印が描かれていますが、選択したときにタブのx座標の中央に移動する必要があります。何か案は？

次を使用して、Chromeコンソールの矢印を移動できます。

しかし、それを変換するための変数として位置を使用しようとすると、それは機能しなくなります。誰？

一部のコンテンツをラップするためにコーダ スライダー 2 を使用しています

http://gidzior.net/coda/#3

青い領域をクリックした後、coda パネルの高さを自動化しようとしています

以下のjQueryコードを使用しています（「p.legend」）は青い領域です：

コーダスライダー -$('#project-slider').codaSlider();

しかし、私の例でわかるように、何か奇妙なことが起こっています。何が問題なのですか??

現在のプロジェクトでは、Kevin Batdorf ( http://www.ndoherty.biz/coda-slider ) による jQuery Coda-Slider v2.0 を使用しています。

ここで、同じページに幅が異なる別のスライダーを追加したいと考えています。

.panel および .coda-slider クラスに id を追加しようとしましたが、id を追加した後に codaslider が幅を取得できないようです。同じページに幅の異なる複数のコーダ スライダーを追加することに成功した人はいますか?

これは私が試したことです：

オリジナル

変更されました

編集jsfiddle で この例を確認してください。同じページに 2 つの動作中のスライダーが表示されますが、それらを異なる幅にするにはどうすればよいですか?

私はこのコードを一日中機能させるのに苦労しています..デフォルトで表示されるよりも多くのタブを含む（コンテンツ）スライダー（Coda Sliderプラグインを使用）があります。基本的に私が達成しようとしているのは、タブをスクロール可能にすることです。つまり、最後に表示されているタブに到達して[次へ]をクリックすると、タブが表示されるはずです。jQuery UIスクロール可能プラグインとまったく同じです（デモとドキュメント）。

これに切り替えることもできますが、残念ながらCodaスライダープラグインを使用する必要があります。

スクロール可能なjQueryUIのコードを使用しようとしましたが、成功しませんでした。基本的に、2つの関数を作成する必要があります（以下のコードを参照）。1つはタブを直接クリックしたとき（現在の状態に変更）、もう1つは前/次をクリックしたときです。

デモ

何か案は？

ユーザーが前/次をクリックしたときに機能する

ユーザーがタブをクリックしてクラスが現在に変更されたときに機能する

投稿からデータを取得する Coda Slider を動作させましたが、他のプラグインをサイトにインストールしたため、移行中に画像を表示できなくなりました。

http://poesis.savvy-studio.net/

JavaScriptの競合である可能性があることは知っていますが、どこから始めればよいかわかりません。どこを見ればよいか知っていることを願っています.

前もって感謝します！