問題タブ [mootools-fx]
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.
html - 画像が中央に配置されたmootools Fx.scroll
私はムーツールの専門家ではないので、経験が豊富な人にとっては、私の小さな問題の解決策は非常に簡単だと思います。
「大きな」Imagepreview用の正方形の画像を持つ単純な画像ギャラリーがあります。5枚の画像を使用しています。設定するイメージ ID は、カルーセルから取得されます。現時点では、(要するに)次のようになります。
これまで、大きな画像を使用して正方形の画像もプレビューしていましたが、元の縦横比を維持したままプレビューに元の画像を使用して、幅の広い画像が垂直方向に中央揃えになるようにしたいと考えています。
私の問題は、 fx.scroll が画像サイズをスクロールするポイントとして使用することです。2 つの小さな画像 (150x150 ピクセル) がプレビュー ウィンドウ (300x300 ピクセル) に直接一緒に表示されるようにします。
これを解決して、各画像が300x300ピクセルのサイズを完全に使用してスクロールできるようにする方法がわかりません。
私を助けてください。ありがとうございました
mootools - mootools1.4.1を使用したコードは無限ループを引き起こします
私はmootools1.4.1を使用しており、完了時に別の関数を起動するために画面の幅を「トゥイーン」するdivを取得しようとしています。しかし、トゥイーンは発火し続けており、私が望んでいる機能を発火させているとは思いません。
コードは以下のとおりです。
あなたが持っているかもしれないどんな助けでもありがたいです。
@Dimitar Christoff、nextPhoto関数のコードは次のとおりです。
}//FUNCTIONの終わりnextPhoto
javascript - Mootools 1.3.1: アニメーションを連鎖させ、2 つの要素を同期してアニメーション化する
div#w_xxx
とをdiv#w_xxx img
同時にアニメートしたい。
それらは大きくなり、その後、元の幅と高さに戻るはずです。
問題は、mootools がすべてのアニメーションを同時に再生するため、アニメーションを見ること.chain
ができず、mootools のいくつかの機能を試してみましたが、うまくいきませんでした。
私のコードは次のようになります。
javascript - mootools FX.slideOut がテーブルの行を折りたたむ
mootools を使用したアニメーション削除に関するDavid Walsh チュートリアルからコードを借りています。
テーブルの行で Mootools FX.slide を使用すると、行が水平方向に折りたたまれてから上にスライドしますが、これは望ましい効果ではありません。
ご覧になりたい場合は、ここにフィドルがあります- http://jsfiddle.net/gNvvT/
この効果を、左に折りたたんでから上に折りたたむのではなく、垂直方向にスムーズにスライドさせるにはどうすればよいですか?
ありがとう!
javascript - mootools fx.reveal
mootools 1.4のfx.revealを使用して、メッセージdivの単純な表示/非表示遷移を実行しようとしています。エフェクトは最初は機能しますが、その後のクリックでは機能しません。
私がどこで間違っているのかについてのヒントはありますか?
javascript - Mootools:既存のFx.Sortインスタンスにアイテムを追加する方法
MootoolsFx.Sortに問題があります。
Javascript:
リストにさらに要素を追加できます。
ただし、実行時に作成されたリスト要素は、明らかにFx.Sortインスタンスによって考慮されず、他の要素と一緒に並べ替えることはできません。
それらを既存のFx.Sortに追加する方法はありますか?mySort
または、実行時に要素を追加するたびに新しいインスタンスに置き換えるだけですか?
mootools - トグルボタンは、再度クリックするまでアクティブのままです。ムーツール
私はこのページで作業しています:
http://www.bluebeam.com/us/support/ipad/
質問の開閉を切り替えるボタンに、質問が閉じているときは「+」、開いているときは「-」を表示するようにします。コンテンツ「-」を追加するように「アクティブ」クラスを設定しましたが、答えが明らかになったときに「アクティブ」のままではありません。
.setStyle を js に追加しようとしましたが、それも何もしていないようです。
ここに私が今ボタンのためにやっていることのフィドルがあります:
javascript - Joomla YJK2Slider Fx の問題
Joomla の拡張機能を購入しました。YouJoomla から、そして彼らのサポート フォーラムは人間が作成した最悪のものなので、代わりに皆さんに質問しようと思いました。
私が抱えている主な問題は、Fx の問題、またはおそらく JavaScript の競合です。
YJK2Slider というプラグインを使用して、Joomla の K2 オブジェクトに画像スライダーを追加しようとしています。私がしなければならない唯一のことは、プラグインをインストールしてアクティブ化することであり、正常に動作するはずです。ええ、でもいいえ。読み込み中にスタックし、画像 0x0 ピクセルをレンダリングします。ただし、コンソールが競合していることを示すコードを削除すると、画像が読み込まれ、左から右にスクロールできますが、ほとんど重要な機能であるサムネイルを使用できません。
これは、スライダーの完全な js コードです...
...そして、これはそれを台無しにする部品です。
スライダーを配置したい場所へのリンクを次に示します。http://dev9.hosterspace.com/pyramiden/index.php/projekt/utbildning/item/4-campus-varberg 開発者のデモ サイトはこちらです。http://extensions.youjoomla.info/yj-k2-image-slider.html
誰でも私を助けることができますか?:)
mootools - Mootools Fx.スクロール
こんにちは、スライド ショーのサムネイル画像を含む水平 div があります。
起動中の画像が変化したときspinAreaDiv.scrollTo(bullet.getPosition().x);
。これは正常に動作しています。
これで Fx.Scroll を動作させる正しい構文は何ですか?
「nullのメソッド 'getPosition'を呼び出すことはできません」というメッセージが表示されます。
私は何を間違っていますか?ありがとう
(mootools 1.3.2 を使用)
css - MooTools のスライドが折り返しの div でジャンプする
a を「閉じる」ためにスライド効果を使用していますがdiv
、これは正常に機能しますが、スライドする前を除いて、その上div
にあるフローティングの隣で、そのラッピングで斜めにジャンプdiv
します。醜く見せる...
これは、私が話していることを正確に示しています: http://jsfiddle.net/ELxPF/
浮いているものが浮いていないときはdiv
、すべてうまくいっているので、浮いたものと関係があります。スライド効果が開始されたときに非フローティングに適用されるラッパーは、その効果をdiv
実行しないかclear: both;
、何かを実行し、斜めにジャンプすると思います。
これを解決し、フローティングのフロータビリティを維持し、div
できれば余分なラッパー要素を使用しない最善の方法は何ですか?