問題タブ [gumby-framework]

Gumby で Nivoslider を使用しようとしていますが、コードをホームページにコピーするたびに機能しません。デモは問題なく動作します。それを Gumby フォルダーに移動しましたが、問題はありません。Gumby ページに入れただけです。

他の誰かがこの問題を抱えていますか？

Gumby フレームワークでの応答ミックスインの操作に関する非常に具体的な質問です。

CSS で Retina 背景画像を正しく機能させるには、respond mixin ( http://gumbyframework.com/docs/mixins/#!/respond ) を使用し、「min-device-pixel-ratio」属性を渡す必要があります。 .

ガムビーでの応答がこれを行うように設定されているとは思いませんが、ここの誰かが試したのでしょうか? 従来のメディア クエリを使用するのは簡単ですが、フレームワーク フックを可能な限り使用し、コードベースを軽量に保ちたいと考えています。

洞察はありますか？以下のコード サンプル - これは、SCSS でこれをフォーマットする方法だと思います。

これは私がCSS出力のために得るものです

各スライダーから個別に値を取得することは可能ですか? 私はここ数日働いていますが、もう絶望的です。私を助けてくれる優しい魂があることを願っています。

これが私のコードです：

modx アドオン formz を使用して、フォームに gumbyframework を使用したいと考えています。そのためには、以下の独自のチャンクを作成する必要がありました。必要なすべての要素があり、チャンクが使用されていると「思う」ので、これが正しく機能しない理由がわかりません。ただし、メインのエラー メッセージは表示されます。

このエラー メッセージも表示されますが、formz に関連しているかどうかはわかりません。

フォームTpl

フィールドTpl

フィールドラップ

フィールドタイプ

次のようなコードを使用した派手な選択がありselected=selectedますが、(JS を使用して) オプションの 1 つに属性を追加しても、現在選択されている項目は変更されません。

選択したオプションを変更して、この変更を選択ボックスに反映するにはどうすればよいですか。

純粋な HTML/CSS を使用して、別の画像 (画像ギャラリー ビューアー) をクリックして画像の内容を変更しようとしています。

gumby.css フレームワークを使用しており、現在次の HTML があります。

そして、次のcss：

の最初の css ルールは#sect .three.columns img:hover完全に機能し、正しい要素を選択したことを示しています。しかし、2番目のもの#sect .one.column img:active ~ #sect .three.columns imgはアクティブ時に何もしません。

の意味はこちらを参照~。

誰にもアイデアはありますか？

ありがとう。