問題タブ [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 投票する
2 に答える
241 参照

html - 画像とスライダーを中央に配置するクロスブラウザ

軌道スライダーがほぼ完璧に機能するようになったので、新しい問題を発見しました。メインブラウザとしてクロムを搭載したMacBook Pro 13インチを使用しています。すべてがクロムで問題ないように見えます。しかし、私は(よく知られているWebサイトで)ブラウザーテストを行いましたが、いくつかのブラウザーでスライダーまたはページが本来のように中央に配置されていないことがわかりました。

私の質問ですが、誰かがこれを解決するのを手伝ってくれますか? 私のページとスライダーは両方とも中央にあります。ちょっとしたテストなので、単一の画像で構成される Web ページを使用しています。ただし、テストを完了するには、中央に配置する必要があります。

サイトへのリンク

本文とコンテンツを配置する CSS (コンテンツには画像が含まれます)

そしてスライダーへ

前もって感謝します

0 投票する
4 に答える
3193 参照

javascript - 軌道スライダを手動で進める

Zurb 'Orbit' Javascript スライダーhttp://www.zurb.com/playground/orbit-jquery-image-sliderを使用しています。独自の JavaScript を起動して、手動でスライダーを左に進めたいと思います。または右。

基本的には、コンテンツで埋めてから、タイマー機能やナビゲーション画像をクリックするだけでなく、ページ全体とのユーザーのやり取りに応じて、そのコンテンツをビューの外に「スライド」させたいと思います図書館から提供されました。

「myLink」という名前のリンクがある場合、次のようなものです...

それに失敗すると、私の「コンテンツ」は html フォームやその他の同様のものになります。私が望むことを既に実行している優れた無料のライブラリを知っている人はいますか?

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

javascript - スライド間でFoundationFrameworkOrbitが適切にアニメーション化されていない

オービットスライダーでファンデーションフレームワークを使用しようとしましたが、ブラウザーでテストすると、スライダーがトランジションを実行しますが、アニメーションは実行されず、1つのセクションから別のセクションにフェードインします。

ウィンドウのサイズを変更しようとした場合にのみ、期待どおりに機能します。

さらに詳しく調べた後、スライダーが「horizo​​ntal-push」を使用して変更しようとすると、軌道スライドdivの変数this.outerWIdthは、実際のdivの幅ではなく1になります。

これが、オービットを使用している機能スライダーのマークアップです。

コードの終わりこれは私が呼んでいるJavascriptでもあります。

私がコードで行っていることはありますか、それとも軌道の現在のスクリプトのバグですか?

ありがとう。

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

javascript - Foundation (3) 軌道イメージ スライダー

Foundation 3 の画像スライダーの次のコードがあります。

次に、ファイルの最後に次の js を配置して動作させます。

ページを少し読み込むと、Orbit Slider に読み込まれるまで、両方の画像が積み重なって表示されます。これを最小限に抑え、スライダーが読み込まれるまで画像を表示したくないのです。私は非常に高速な VPS セットアップを使用しており、このような問題は実際に発生したことはありません. それは可能ですか?

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

wordpress - サムネイル ナビゲーションとして表示する Orbit wordpress プラグインの箇条書き

軌道スライダー (wp Foundation) を使用して、弾丸ナビゲーションを表示しようとしています。箇条書きをサムネイルとして表示したいのですが、今のところ表示されません。wordpress ダッシュボードの軌道設定で箇条書きを選択し、js ファイルと css で次のコードを使用しています。助けていただければ幸いです。

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

jquery - ZURB Foundation Orbit の使用中に TypeError がキャッチされない

ZURB Foundation の Orbit 画像スライダーを使用して、 に関連付けられた関数を呼び出そうとしていますafterSlideChange。コード スニペットは次のとおりです。

次のエラーが表示されます。

私が間違っていることを知っていますか?

0 投票する
0 に答える
208 参照

jquery - Orbit Slider with Wordpress - スライドごとに背景色のフェードイン/アウトを追加

私はフォーラムとグーグルを3時間検索してきました...運が悪いです。

Orbit Slider Wordpress プラグインを使用していますが、すべて問題なく動作します。

ID を使用して、追加したカスタム div の背景色を変更する関数を jQuery ファイルに追加したいと思いますslide-bgcolor-change。「もっと簡単な方法があれば...私はすべての耳です」

slide-bgcolor-changeこれは、 js またはクエリを介して div id に実行させたいことの例です。

スライド 1 は、スライド 1 として div id に黒のslide-bgcolor-change 背景色があり、黒の背景色がフェードアウトします

スライド 2 は青色の背景色でフェードインします

...など、最大 5 枚のスライド

元のファイルはまだカスタマイズしていません。作業中のファイルを表示するには、ここに移動します。

助けてください。

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

c - 制限された3体シミュレーションが正しく機能しない

私は現在、2つの固定質量と1つのテスト質量を使用して、制限された3体の重力問題のシミュレーションを作成する必要がある割り当てを実行しようとしています。この問題に関して私が提供した情報は次のとおりです。このリンクを確認してください。これまでの私のプログラムは次のとおりです。

私のプログラムはある程度機能していますが、誰かが私を助けてくれることを願っているいくつかの奇妙な問題が発生しています。

主な問題は、テストマスが軌道のあるポイントに到達したときに、テストマスが外れて他のマスの周りを周回し始めると、代わりに直線上で無限に飛び出すことです。最初は質量が衝突していると思ったので半径チェックを入れましたが、うまくいく場合もあれば、うまくいかない場合もあり、弾道が悪くなる前に質量が衝突する場合もあります。したがって、これは明らかに問題ではありません。私がそれをすべてうまく説明したかどうかはわかりませんので、ここに私が何を意味するかを示す写真があります。(右側のシミュレーションはここからです)

ライン

ただし、これが常に当てはまるとは限りません。直線になる代わりに、次のように、他の質量に移動する必要があるときに軌道が狂ってしまうことがあります。 クレイジー

私はこれを理解するために何日も費やして何が起こっているのか全くわかりませんが、どこにも行けないようですので、私の問題がどこにあるかを特定するのに役立つことは非常にありがたいです。

0 投票する
3 に答える
1035 参照

jquery - 背景が透明な現在の軌道の背後にある軌道イメージ

payme.png の背後に coffee.jpg が表示されないようにするにはどうすればよいですか? Webページを最初にロードしたときに得られる結果は両方の画像ですが、一度循環すると、coffee.jpgが背後に表示されなくなります。

これは相対的な test.html です

および orbit.css

0 投票する
3 に答える
2254 参照

zurb-foundation - Foundation Orbitスライダー、小さな画面にナビゲーションを表示

Zurb's Foundationの一部として提供されているOrbitスライダーはhide-for-small、ナビゲーションにクラスを追加しているようです。

ただし、コンテンツを表示するには、ナビゲーションを表示する必要があります。hide-for-smalljquery.foundation.orbit.jsの59行目のラッパーの一部を削除しようとしましたが、クラスが追加され続けています。

誰かがそれを削除する方法を知っていますか?