問題タブ [coda-slider]

私はこの仕事をしようと夢中になっています。私の試みのバリエーションはめちゃくちゃ恥ずかしいものになりました-何もクリックせずにスライダーをトリガーして次のフレームに移動するために、Niallスライダーが私に何をしてほしいのか理解できないようです。

私が欲しいのは、フォーム要素が変更されたときにスライダーが次のフレームにスライドすることです。したがって、jqueryを使用すると、次のように言うのと同じくらい簡単になります。

しかし、どうやらそれはそれほど単純ではありません。私はたくさんのことを試しました。いくつかの絶望的なもの。ほとんどの場合、彼のコードの一部をトリガーしようとしています。次のフレームを発生させるように見えるコードは次のとおりです。

これは、私がjavascriptに非常に平凡であり、Niallのコードにかなり慣れていないことの組み合わせです。よくコメントされていますが、各行で何が起こっているのか正確にはわかりません。私が見ることができるとき、私は私の.change関数で同じことを起こさせる方法が本当にわかりません。

とにかく、誰かがこれに光を当てることができれば、私は信じられないほど感謝するでしょう。私がこれを理解するのを手伝うことができれば、それは私にもかなりの将来の助けになるかもしれないと思います。ここでjavascriptについて理解できないことがあると思いますが、それが何であるかはわかりません。

Coda Slider と Fancybox に問題があります。Fancybox を使用して Iframe 内に外部サイトをロードします。Coda Slider はスタートページのコンテンツ スライダー用です。

Coda Slider の Head で jquery-easing Plugin を呼び出すと、Fancybox が機能しません。jquery-easing-1.3 へのリンクを削除すると、Coda Slider は例外をスローしますが、Fancybox は完全に動作します

ここにいくつかのコードがあります:

なぜこれがうまくいかないのかわかりません:)みんなが知っていることを願っています=）

tabindexを-1に変更する必要があるスライダーがあります。これは巨大な「ノーノー」であることは知っていますが、開発されたサイトは、スクリーンリーダーなどを使用している人にはすでに役に立たないものです。

問題は、クリックするとカラーボックスが開くリンクがあることです。そのカラーボックスの中には、コーダスライダーの「スライド」に分割されたフォームがあります。私が設定したフォーム要素はすべて-1タブインデックスに設定されていますが、フォームの質問の1つには、ユーザーが高さを設定できるようにするJqueryUIスライダー要素があります。

要素自体は、クラス「ui-slider-handle」のアンカータグですが、ページの読み込み後に作成されるため、単純なjQueryを実行することはできません。.live関数を使用してみましたが、イベントタイプが必要です。作成時以外のイベントに基づくものにはしたくない。キーダウンが主な目的として機能すると思われる場合を除き、ユーザーがタブを押してスライダーを移動するのを防ぐことで、スライダーの次と前のナビゲーションを使用せずにフォームが含まれます。

なぜ誰かがこのようなサイトを立ち上げるのか混乱していると思いますが、それは私が写真に入る前のことでした。どんな助けでも大歓迎です！前もって感謝します！

私はこれに1日苦労しています..

コンテンツが異なる6つの異なるボックスを含むWebページを作成する必要があります。そして、それらのすべてにコーダスライダー機能が必要です。この場合、このWebサイトのコーダスライダーを使用しています..

別の div を作成し、新しい div を使用して追加の .js ファイルを追加しましたが、それでも複数のボックスのスライド機能が競合しています。誰かがこの問題を調べる時間を与えてくれることを願っています..前に感謝..

Drupal7のWebサイトでCodaSliderを使用しています。ページがSafari、Chrome、IEに読み込まれると、コンテンツは非表示になります。コンテンツを表示するには、タブをクリックする必要があります。これはFirefoxでは起こりません。

タブをクリックせずにコンテンツを表示する方法はありますか？

Niall Doherty の Coda Sliderを Web ページの本文に実装しています。これに関する問題は、クライアントが持っているコンテンツの量がページの読み込みに膨大な時間を与えることです。

私がやりたいことは、コンテンツを個別の html ファイルに分割し、タブ トリガーをクリックしてコンテンツをロードし、スイッチをアニメーション化することです。

正直なところ、これを行う方法がわからないので、残念ながら、私の主張を説明するために偽のコードを提供することはできません. すべてのヘルプは非常に高く評価されます。私はそのような解決策を求めて Coda フォーラムを検索しましたが、私が得たのは、それを持っていると主張し、助けるつもりのない人々だけです。

乾杯。

Coda-Slider 2.0 (http://www.ndoherty.biz/tag/coda-slider/) を変更して、ハードコーディングされたピクセル幅ではなくパーセンテージ ベースの幅を使用して、流動的なサイズ変更を可能にしようとしています。パネル 1 に戻ろうとしたときの IE7 の小さな不具合 (Firefox はこの動作を示しません) を除いて、私はそれを素晴らしく動作させました。

coda-slider 2.0 に付属するデフォルトの index.html を実行すると、すべてが IE7 で正常に動作します。次に、デフォルトのテキストの代わりに画像をサブスクライブしますが、これも問題なく機能します。次に、パーセンテージ幅を使用するように CSS と JS を変更しました。これは、最初のパネルに戻ろうとする場合を除いて、うまく機能します。パネル 1 とパネル 2 の中間に即座にジャンプし、アニメーションでパネル 1 に戻ります。

これは、私が設定したテスト サイトで確認できます。

http://www.lootcorp.com/animateissue/

私が使用している変更された Coda-Slider JS ファイルのソースは以下のとおりです。注: デバッグを簡単にするために、不要なコードをすべて取り除きました。

問題は次の行に関連付けられています。

アニメーションが値として「0%」をフィードするのが気に入らないのではないかと思ったので、パネル 1 を選択したときに「0」と「0px」をフィードしてみましたが、結果は同じでした。最終結果は正しいです - 最終的に div は margin-left: 0 に適切に配置されますが、そうする前にパネル 1 と 2 の中間の位置にスキップする理由がわかりません。(パネル 4 から 3 または 2 へのアニメーションは正常に動作します)。「margin-left」の代わりに「left」を使用してみましたが、結果は同じでした。

バグまたは愚かな、見落とされた間違い？どんなアドバイスでも大歓迎です!!

js ファイル ソース:

jQuery for Designers の Coda Sliderを調整してページ全体 (幅 100% / 高さ 100%) を使用しようとしていますが、.scrollクラスの高さを 100% に変更するとすぐにすべてが消えてしまいます。誰かがそれを修正するために私ができることを知っていますか?

coda スライダーを使用してサイトを作成しています。div の画像幅に応じて panelWidth を設定したいと思います。

何か案は？

1 つのページで 2 つの Coda 2 Slider を使用しましたが、Firefox と IE 7、8、9 の両方で正常に動作しています。しかし、スライダーの 1 つが Chrome で機能しないのに、もう 1 つのスライダーが機能する理由がわかりません。

http://www.rafimmedia.com/siddiq/でライブ サイトを確認できます。内部でphpを使用したことがないので、ソースコードとcssをよく確認できます。

構文とすべてをクロスチェックしましたが、問題を特定することはできませんでした。firebug を使用しようとしましたが、js でもエラーは表示されませんでした。