問題タブ [orbit]

プロジェクトに軌道スライダー モジュールを使用しています。

ブラウザーのサイズを小さくして表示するとうまく機能しますが、小さいデバイスではまったく機能しません。

私はレスポンシブ フレーム ワークに zurb Foundation テーマを使用していますが、これは実際にはかなり優れています。

サイトへのリンクはこちら

http://nycplatformdev.devcloud.acquia-sites.com/

プロジェクトに Foundation 4.3.0 を使用しており、最も基本的な方法で Orbit をセットアップしようとしています。JavaScript と CSS が正しく読み込まれ、画像が読み込まれ、余分な要素がすべて挿入されているように見えますが、メイン<ul>の高さは常に 0px です。ここに私のHTMLがあります：

HTML は次のようになりますfoundation.orbit.js。

画像に明示的な幅と高さをclass="active"設定したり、HTML を生成するときに 1 つのスライドに配置したり、さまざまな Foundation 設定を変更したりしようとしましたが、何もうまくいかないようです。

HTML を Foundation ドキュメントの実際の例と比較すると、実際のバージョンでは az-indexが常にスライド上で動的に設定されていることがわかります。私のサイトでは、noz-indexは設定されていません。そしてもちろん、ul作業バージョンの には、スライドの高さに等しいインライン CSS の高さがあります。

高さを手動でul300px に設定すると、画像が表示されないことを除いて、すべてが正しく表示されます。に設定div.orbit-containerするoverflow: visibleと、スライドの 1 つの端がコンテナの左側に表示されます。

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

ここのホームページに Orbit のスライドショーがあります:ホームページ

残りのコンテンツとは異なり、画面の全幅を占めるようにしたいので、行クラスには含まれていません。また、大きな画面でスライドショーが縦方向のスペースを取りすぎないように、最大​​高さを設定したいと思います。これを行うために、カスタム スタイルシートで次のように設定しました。

ただし、キャプションと箇条書きは「非表示」になっています。箇条書きとキャプションを軌道コンテナーの下部に表示したまま、目的の効果を達成する方法はありますか?

アドバイスをいただければ幸いです。

ありがとう、レイチェル

PS Foundation バージョン 4 を使用しています。

zurb-foundation gem を 4.2.3 から 4.3.1 に更新しました - Orbit が機能しなくなりました。

ドットが表示されて循環しますが、画像は表示されません。

新しいバージョンを機能させるか、機能していた以前のバージョンに戻す必要があります。

htmlコードです。デフォルトの CSS スタイルを使用し、foundation.min.js にリンクしています。リンクをfoundation.jsに変更すると、まったく機能せず、巨大なリストが表示されます。

助けてください - 私は締め切りが迫っており、これで数日無駄にしました。

私はまだ Rails の初心者であり、学ぶべきことがたくさんあります。

現在、すべての画像を一度に表示できますが、問題ありません。

@examples[0]しかし、最初に の画像を表示し、そこから 2link_toつのbutton_toパスを表示したいと考えてい@example[current + 1]ます。そんな感じ。

これはどのように作動しますか？

SOFコミュニティありがとう！

javascript で作成した div の背景 URL を設定しようとしています。これは、Jquery Orbit スライダーに使用されます。これが私のやり方です。

imageUrlList はこれに由来します。

別のイメージ タグから src を取得します。したがって、目標は、イメージ タグの src を取得し、javascript で作成された div (コンテンツ) の背景として設定することです。問題は、そこにないことです。inspect要素を見てみました。URLはそこにあります。base64にあると思いますが、わかりません。しかし、それはそこにあります。何が問題だと思いますか？何か案は？ありがとう！

更新: ユーザーがファイル ダイアログで画像を選択すると、画像が表示されます。この画像は、画像コンテナーの画像タグに表示されます。これらは、取得してコンテンツ div に表示したいソース イメージです。

デフォルトの内側ではなく、カルーセルのすぐ外側にナビゲーション コントロールを配置しようとしています。

これに利用できるデータオプションはありません。そこで、ナビゲーション矢印の CSS をハッキングして、負の絶対位置を指定しようとしました。

ただし、親コンテナはoverflow: hiddenに設定されており、矢印を非表示にしています。これはデフォルトで可能ですか？

Foundation を使用して、Orbit Slider を含む Web サイトを作成しています。スライダーの速度を変更できません。すべてが適切に機能しています (jquery、スライダー コントロール、スライダー ブレット、スライダー用にカスタマイズされた CSS など)。スライドショーのパラメーターを変更できないようです。

私の文書の頭：

そして私の体の最後に：

すべて正常に機能していると言ったように、パラメーターを変更することはできません。

ありがとう！