問題タブ [orbit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
4004 参照

css - Zurb Orbit:画像の上にテキストを追加

スライドごとにタイトルと説明を追加します。次のようになります。

ここに画像の説明を入力してください

「キャプション」を試してみましたが、同じ効果が得られません。どうすればいいですか?

Zurb Fondation Orbit

0 投票する
1 に答える
452 参照

zurb-foundation - show-for-smallを使用すると、FoundationOrbitの弾丸が中央に配置されない

モバイルデバイスで表示したときに、スライダーのナビゲーションを作成したいと思います。方向矢印はモバイルでは表示されないので(誰かがそれらを作成する方法を教えてくれるなら、それは素晴らしいでしょう)私は良い解決策は別のスライダー、同じ画像、つまり「show-for-small」を持つことだと思いました下に弾丸があります。

それは動作しますが、私を殺している問題があります。ブラウザウィンドウ幅(デスクトップ)でページをロードし、モバイル幅に拡大縮小すると、スライダーが切り替わりますが、箇条書きは中央に配置されません。それらは右にシフトして表示されます。そのモバイル幅でページをリロードすると、画像の下の完全に中央に配置されます。

誰かがこれを修正する方法について何か手がかりを持っていますか?問題を説明するページを設定しました。www.jonesco.com/_foundation/bullet_problem.html

ありがとう

0 投票する
1 に答える
273 参照

jquery - Orbit Jqueryプラグインは、リンクなしでコンテンツのサイズに幅を拡張します

ZURBFoundationのOrbitJqueryプラグインを使用していますが、a href=""リンクを含めずに幅を自動検出する方法があるかどうか疑問に思っていました。私の知る限り、プラグインはa要素から幅を検出し、これに基づいて幅と高さを計算します。要素を使用せずに幅と高さを検出する方法はありますか?

私はコードをjsfiddleに載せましたが、そこではほとんど機能していません。

http://jsfiddle.net/jhoffm34/36vqb/1/

私はまだこれに慣れていませんが、これを達成する簡単な方法があるかどうか疑問に思っています。

0 投票する
2 に答える
4906 参照

resize - Foundation のオービット スライダのサイズを変更する

おはよう!

私はプロトタイプに取り組んでおり、Foundation の Orbit Slider の幅を変更しながら応答性を維持する「適切な」方法を知りたいです。

現在、スライダー コンテナーの幅を小さいパーセンテージ (73%) に変更しましたが、モバイル サイズで表示すると、まったく正しくないように見えます。言うまでもなく、矢印は上向きに浮いており、CSS をハックして正しく配置したくありません。

Orbit CSS: http://naivestudio.net/win-prototype/prototype/orbit.php (この質問のためだけに別のページを作成 - app.css ファイルで変更が行われます)

インデックス ページ内の HTML - ビデオはスライダーの外側にあることに注意してください。ただし、ヘッダー コンテナー内でスライダーの横にフローティングさせます。

Javascript

0 投票する
1 に答える
96 参照

jquery - Orbit を使用してスライドショー間の時間をランダム化する

画像のスライドショーに Jquery Orbit を使用していますが、画像をランダムなタイマーにしたいです。私はjqueryにあまり詳しくないので、助けていただければ幸いです。これが私がこれまでに賢明なコードを持っているものです。

0 投票する
2 に答える
875 参照

jquery - Zurb Foundation 3 Orbit イベントとコールバック?

Zurb Foundation 3 Orbit Slider にコールバック イベントがあるかどうか疑問に思っていましたか?

X スライドごとにメッセージが表示されるスライダーが必要です。新しいスライドが表示/変更されたときにコールバックがあることを望んでいたので、それにバインドしてカウンターをインクリメントできました。

0 投票する
1 に答える
799 参照

sass - FoundationFramework-オービットスライダー

Orbit Sliderを自分のページに表示することができましたが、FoundationFrameworkWebサイトにある例のようなタイマーやナビゲーションボタンがありません。

Sassを使用してフレームワークをダウンロードしましたが、ドキュメントにはOrbitJSとCSSがすでに私の環境の一部になると書かれています。

これらを表示するにはどうすればよいですか?Firebugを使用してチェックすると、ロードされません。

Firebugを使用すると、次のように表示されます。

_orbit.scss

しかし、画像の読み込みに失敗したと言われています。画像を読み込む方法がわかりません。

0 投票する
1 に答える
668 参照

responsive-design - Foundation Zurb 3 オービット カウンターの数字は?

Foundation 3 サイトに Orbit スライダーがあり、"slide 3 of 8" のようにスライド番号を表示できるようにする必要があります。

ドキュメントにはそのためのオプションはありませんが、_settings.scss ファイルを見ると、次の項目が表示されます。

しかし、それらをどのように使用するかについての指示はありません。それらのコメントを外しても何も起こりません。特定のスライダーと統合する方法、または数値を作成するために oen コーディングを行う必要がありますか?

0 投票する
2 に答える
664 参照

javascript - Zurb Foundation Orbitスライダー-無限ではありませんか?

Foundation 3のオービットスライダーは無限です。つまり、スライドを何度も繰り返します。

すべてのスライドを1回だけ表示し、最後のスライドで停止する方法はありますか?

0 投票する
1 に答える
2069 参照

thumbnails - Foundation Orbit カスタム サムネイルがメイン画像を変更しない

Foundation フレームワークと Orbit を使用しています。ここにスライダーを作成しました: http://www.abricot-production-dev.co.uk/group-two/gallery.html# しかし、親指は現時点ではメインの写真を変更していません.

私のコード:

初期化済み:

そしてfoundation.min.jsで:

私は何が欠けていますか?

アンディ