問題タブ [orbit]

ホームページで優れたZurbプラグインOrbitを使用しており、箇条書き（通常はスライダーの下）をページ上の別の場所（この場合はスライダーの上のヘッダー）に移動しようとしています。

次のコードを試しました。

これにより弾丸は削除されますが、表示されません。スライドチェンジの関数に入れてみたのですが、まだ生成されていないと思います。

何か案は？

デフォルトで非表示になっている SECTION 内に jQuery Orbit スライダーがあります (display:none;)

ユーザーがボタンをクリックして SECTION を展開すると、左方向のナビゲーション矢印のみが表示され、Orbit スライダーの残りの部分は見えないように見えます。

ディスプレイを削除した場合:なし; SECTION で、SECTION のデフォルトの動作が最初の訪問時に展開されるようにします。.slideToggle を上下に動かすと、Orbit スライダーが問題なく表示されます。display:none; の SECTION 内にある場合にのみ問題が発生します。設定。

マークアップは次のとおりです: http://pastie.org/2855132

jQuery は次のとおりです: http://pastie.org/2855138

Orbit スタイルはすべてデフォルトです。display:none; に設定されているのは section.articles です。

どんな助けでも大歓迎です。十分な情報を提供できたことを願っています。

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

Zurb Orbit Slider を使用しています: http://www.zurb.com/playground/jquery_image_slider_plugin

次の設定を使用したスライドショーがあります。

次に、CSSを使用してタイマーを非表示にしています（タイマーをオフにすると、フレームが進まないため、方向ナビゲーションを非表示にしました...）：

とにかく、これまでのところすべてが完璧に機能しています。私ができることは、スライド ショーがスライドの回転を停止するようにすることです。つまり、最後のスライドで停止し、最初のスライドに戻らないようにすることです。

答えは、スライドの変更後に関数を追加する機能と関係があると思われます:

しかし、残念ながら、この JS は私には理解できません。

興味がある方のために: jquery スライダーを使用して一種のストップ モーション アニメーションを作成する小さな実験用です。これは、私がしばらく疑問に思っていた手法です。それはうまく機能していますが、永遠にループすることは本当に物事を台無しにします。:)

お時間をいただき、専門知識を共有していただきありがとうございます。

ジョン

スライドショーの要件に orbit を使用していますが、キャプションを追加できません。

ドキュメントには次のように書かれています:-

私はhamlを使用していて、このようなことをしています:-

多くのことを試したような構文を与えることができないため、これは明らかにエラーになりますが、:data-captionまだ正しく取得できませんでした。

元の問題は解決しましたが、もっとエレガントな解決策があるかどうか疑問に思っています。Foundation の Orbit を使用してスライドショーを作成しています。これは単純なスライド ショーではなく、各スライドにデータ キャプションが定義されているスライド ショーであり、このデータ キャプション内にモーダル ダイアログをロードする必要がある HTML があります。

Foundation を使用している場合は、Reveal ライブラリを使用してモーダル ダイアログを表示することをすぐに考えます。(これらは要件です。)問題は、データ キャプションの要素が、次の元の初期化呼び出しの影響を受けないことです。

$("a[rel^='prettyPhoto']").prettyPhoto();

私がしなければならないことは、ロードされたときに各データキャプションを確実に初期化することです。さて、ここで問題です。afterSlideChange イベントを使用してスライドのトランジションでこれを解決しましたが、問題は最初のスライドです。表示される最初のスライドに対してこのメ​​ソッドを呼び出す必要があります。

この問題を解決するコードは次のとおりです。

そのコードを複製せずにこれを行うより良い方法はありますか? 自分の「initializeSlide」イベントを定義する必要がありますか、それとも私が見逃している答えがありますか?

Orbit と呼ばれる Lua の MVC フレームワークを使用して Web アプリケーションを作成しようとしています。ローカル サーバー (WSAPI) を起動してアプリケーションを実行していますが、ポスト リクエストを送信するたびに 405 エラーが発生します。これはおそらく設定の問題だと思いますが、やはりよくわかりません。POST を許可するように WSAPI 構成をどのように変更しますか? これがエラーでない場合、エラーは何ですか?

これはグリッド内の単一の画像であり、他のすべての画像の上に表示されます。正直なところ、理由はわかりません。助けが必要です。

これは、ページの読み込み中にのみ発生するものです。

Zurb Foundation Orbitスライダーを使用していますが、ページには次のようなセクションがあります。

スライド部分の設定を担当するJavaScriptは次のとおりです。

私が得るのは常に、最初のグリッドの2番目の画像が2番目のグリッドの2番目の画像に置き換えられていることです。つまり、ページをロードすると、nAppIconが表示されず、代わりにツールチップアイコンが表示されます。

次に、スライダーの矢印をクリックしてナビゲートすると、これがすべて消え、すべてのアイコンが永久に適切な場所に表示され、重ならないようになります。

私は初心者で、最初のプロジェクトに取り組んでいます:

3 つの要素 (画像) と 1 つのロゴがあります。

画像をクリックすると、この 1 つと他の 2 つの画像がロゴの周りを 360° の軌道で移動する必要があります (ロゴの背面に移動するときは z-index が低いため、消えてから再び表示されます)。

これはjqueryとcss3で可能ですか?

少し問題があります。http://www.zurb.com/playground/orbit-jquery-image-slider (Orbit Slider) と Carousel プラグインに基づいて、このスライダーに取り組んできました。テスト ページhttp://www.unscspartanteamomega.com/localh0st#で結果を表示できます。ご覧のとおり、画像が回転していますが、これは奇妙な理由で Firefox でのみ機能します。Chrome では、画像が背景の後ろで回転しますが、その理由はわかりません。また、キャプションも回転していません。これは以前に誰かに起こったことがありますか？誰かがこれに対する可能な解決策を知っているなら、私に知らせてください。

プラグインを呼び出すために使用したコードは次のとおりです

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