問題タブ [coda-slider]

メニューボタンをクリックすると、コンテンツがスライド（およびイージング）する効果を実現しようとしています。これは、さまざまなコンテンツ (ギャラリー、ポートフォリオ、ビデオなど) とスライドインするいくつかのページのサブメニューを備えた通常のサイト用です。

プリロードされた非表示の div をスライドするすべてのスライド プラグイン (coda スライダーなど) について学びました。しかし、最初のページにウェブサイト全体をロードすると、それは間違っているように聞こえるのではないかと心配しています。一方、iframes でそれを行い、load() でデータをロードすると、データをスライドして緩和できるかどうかわかりません (coda スライダーの例 8 のように)。

誰かが以前にこれをやったことがありますか、または同じ考えを持っていて、共有してもかまいませんか? 大歓迎です！

http://www.ndoherty.biz/demos/coda-slider/2.0/#2

Coda-Sliderを使用してサイトを構築していますが、タブを変更するときに（ページを更新せずに）ページのタイトルを変更できるかどうか疑問に思っていますか？私はまだjQueryが得意ではないので（ストレートjavascriptは言うまでもなく）、これが可能かどうかはわかりません。Coda-Sliderのバージョン2.0を使用しており、Googleから最新のjQueryライブラリを読み込んでいます。

coda-slider と ie7 に大きな問題があります。水平スクロールバーは不要で、削除する方法がわかりません。coda-slider は 1 つの長いスクロール div として機能するため、これが発生する理由はわかりましたが、ie8 を含む他のすべてのブラウザーでは、水平スクロールはありません。

Web を見ると、「overflow-x:hidden」が CSS のボディ セレクターで機能すると言っているサイトがたくさんありますが、これで問題は解決していません。

サイトはhttp://www.clearcreativegroup.com/clear3/index.htmlにあります。

どんな助けでも大歓迎です。

コーダスライダーがあり、スクロールの方向を判別できません。左から右にスクロールしたいパネルが3つあります。左から右にスクロールすることもあれば、上下にスクロールすることもあり、水平方向にスクロールすることもあります。

希望の方向に進むためにロックダウンするにはどうすればよいですか？

HTMLは次のとおりです。

CSSは次のとおりです。

そして、これがJqueryインクルードファイルです。

IE8 で coda スライダーを使用すると、JavaScript エラーが発生します。

奇妙なことに、オンラインにしたときにのみトリガーされます。サイトの localhost バージョンを使用しても、何も起こりません。

以下を使用するとエラーが発生します。

何か案は？

私はdivid=holderを持っていて、コーダスライダーの中にあります。正常に動作しますが、特定のブラウザーでのちらつきを避けるために、ホルダーをdisplay：noneにしてから、$（document）.readyでdisplay：blockを作成することにしました。

問題は、何らかの理由で、親divがdisplay：noneの場合、コーダスライダーが効果を発揮しないことです。

この問題の回避策やアイデアはありますか？ありがとう！

ページの水平コーダスライダーを使用して注目のコンテンツを表示していますが、これはほぼ適切に機能しています。私が抱えている唯一の問題は、ID（たとえば<a href="#top">Top</a>）にリンクしているページ上の他のリンクをクリックすると、スライダーがアニメーション化することです。

この例をここで見ることができます-コーダスライダーのナビゲーションタブの1つをクリックしてから、右側のサイドバーの「callcreditnews」または「pressassociation」リンクをクリックしてみてください。あるいは、「ipsumdolor」リンクをクリックしてください。本体コピー。

ユーザー名： demo パスワード： demo

なぜそれがこれを行うのか誰かが知っていますか？jQueryは次のとおりです。

Codaに似たスライダーを作成する方法について、jQuery for Designersのチュートリアルに従いました。

とにかく、それは初めて機能し、1 つのことを除けば素晴らしいです。最後のパネルの位置は常に間違っているようです。私が使用しているコードは次のとおりです (ちなみに、これはローカルの WordPress インストールであるため、作業の例を示すことはできません)。

jQuery は、scrollTo、localScroll、および serialScroll プラグインも使用します。

どんな助けでも大歓迎です。念のため、私も使用しているCSSを次に示します。

全て、

jQueryスライダーのような「Coda」を実装しています（Niall Dohertyの優れた実装を使用しています：http ：//www.ndoherty.biz/2009/10/coda-slider-2/ ）。

一般的に、それはうまく機能します。

しかし、私が抱えている問題はこれです...各「パネル」にはいくつかのテキスト入力が含まれています。ユーザーがパネルの最後の入力に到達してから[TAB]（またはiPadの[次へ]ボタン）をクリックすると、Safariは自動的にスライドラッパーを移動して次のテキスト入力を表示します。

もちろん、ラッパーをスライドさせるのは、次のテキスト入力を表示するのに十分なだけです。次のパネル全体を表示するのに十分ではありません。

言い換えると、各パネルの幅が600ピクセルで、3つのパネルがあるとします。

したがって、ユーザーが最初のパネルの最後の入力に到達してから[TAB]をクリックした場合、ラッパーを600ピクセル移動して、次のパネルを完全に表示します。ただし、ブラウザはそれを十分にスライドさせるだけなので、次のテキスト入力が表示されます。

誰かがこの問題に遭遇し、堅牢な解決策を思いついたことがありますか？

アドバイスや洞察を事前に感謝します！

ここで何が起こっているのかよくわかりません。何時間もこれを見つめています：/ ...基本的に、私は別のプロジェクトと同じCSS、同じdiv id、同じコードを使用してCodaSliderを実装していますが、スクリプトと「 coda-slider-no-js"タグは削除されていません。

唯一異なるのは、それぞれのJSファイルのパスです（実際にロードされていることを確認して確認しました）。

デバッグのアイデア（メインのstyle.cssファイルに関連するスタイルが含まれているため、coda-slider.cssファイルはありません）。

これが機能するはずのページです：http： //easterndancer.com.s66112.gridserver.com/gallery/video/