問題タブ [coda-slider]

それで、

Coda Sliderに基づいて垂直スライダーを作成しています。Jquery に関する私の知識は非常に限られていますが、1 つの重要な問題である .before と .after アニメーション (「左」と「右」、またはこの場合は、「up」と「down」は、追加した「up」と「down」の DIV にリンクされていません。「up」の div をクリックして、スライダーを前のスライドにロールアップさせたいと思います.

私はまだスクリプトをいじっていますが、Jquery の経験が不足しているため、これを理解するために SO に翻弄されるかもしれないと感じています。

どんなアイデアでも大歓迎です！

スライダーの私のJavaScript ：

私のHTML：

</p>

-マルカテチュラ

Coda Slider 3.0 (これ) を実装しました。現在表示されている画像の URL を取得する必要があります。誰もこれを行う方法を知っていますか?

「firstPanelToLoad」という設定があることは知っているので、現在のパネルの番号を取得する方法があるに違いないと考えました。

現在、毎回ランダムなスライドで開始するように液体スライダーを設定しようとしています。これを有効にするための変数設定またはハックな回避策を知っている人はいますか?

Liquid スライダーはここにあります (レスポンシブ レイアウト用の coda スライダーのバージョン): http://liquidslider.kevinbatdorf.com/

私が取り組んでいるページはこちらです。問題のスライダーは赤いコンテナーの 2 行目にあります: http://www.astwood.co.uk/

現在、スライダーを次のようにアクティブにしています。

私はこれを2日間続けています。このjQuery プラグインを使用して、単純なコンテンツ スライダーをセットアップしようとしています。私が考えているスライダーには2つのパネル(スライド)しかなく、どちらも高さと幅が固定されている必要があります。

ドキュメントに従って試しましたが、どこにも行きませんでした。ソースをダウンロードし、インデックス ページを分析し、スライダーを除く他のすべての HTML を削除し、必要なファイルと共にその構造に対処しましたが、それでも役に立たず、今は完全にイライラしています。

以下は私が今持っているコードです。

HTML

CSS

多分私は何かを見落としているだけです。ドキュメントによると、非常に簡単なはずです。誰かが私がここで欠けているものを教えてもらえますか? それとも、あまり問題がなければ、例を一緒に平手打ちしますか? 本当に感謝します！

ありがとうございました。

各パネルのニーズに合わせて高さを調整するコンテンツ スライダーをいくつか試してみましたが、ページが最初に読み込まれると、最初のパネルの下に余分なスペースができます。次のパネルにスライドすると、サイズ変更が期待どおりに行われ、最初のパネルに戻ると適切にサイズ変更されます。ただし、最初にロードするときは、下に余分な空白があります。

Coda-Slider2.0 と Unslider を試しました。ページが読み込まれると、両方とも同じ空白スペースがあります。サイズ変更の関数を見つけようとして、それぞれのコードを調べましたが、運がありませんでした。最初のパネルのサイズをオンロードで変更するために呼び出すことができるものがあると確信していますが、これまでのところ私は途方に暮れています。

ロード時にいずれかのスライダーのサイズを強制的に変更することについて、誰か提案はありますか?

Hereスライダーをスクロールすると、サンプリングされた要素が入力されていることがわかります。INPUT の ID を変更しないようにする方法は、INPUT の番号付けを保持する必要があります。

私の悪い英語を申し訳ありません...

カルーセルの最後のスライドに Facebook コメントの iframe があります。カルーセルは autoHeight を使用して要素の高さを把握し、それをスライドに適用します。

問題は、スクリプトが高さを計算した後に iframe が読み込まれるコメントです。

スクリプトがカルーセルをロードする前に iframe をロードするにはどうすればよいですか?