function JSFX_StartEffects() { JSFX.MakeMouseSquidie (15,"" ,"" ); } </script>"> function JSFX_StartEffects() { JSFX.MakeMouseSquidie (15,"" ,"" ); } </script>"> function JSFX_StartEffects() { JSFX.MakeMouseSquidie (15,"" ,"" ); } </script>" />

<select>タグからのユーザーの選択に基づいてスクリプト内の別のイメージを使用すると、

私は、マウスカーソルの後にアニメーションを表示するスクリプトを使用しています。私はこのコードを実行して初期化します:

<script LANGUAGE="JavaScript"> 
function JSFX_StartEffects()
{
JSFX.MakeMouseSquidie (15,"" ,""
);
}
</script> 

これはonloadを実行する多くの関数の1つで、jQueryのDOM準備ハンドラを使用しています:

<script language="javascript" type="text/javascript">
$(document).ready(function(){ JSFX_StartEffects() });
</script>

This is working fine, but I'd like to add the option for the user to chose a different pair of images for the animation. I have four different pairs of options, so I added a </div> <div>

image

</div>
</div> <script type="text/javascript"> var images = []; var select1 = window.document.getElementById("select1"); var preview1 = window.document.getElementById("preview1"); var random1 = window.document.getElementById("random1"); var selectLength = select1.length; images[0] = "http://tip-top-torrents.net/JSFX/alien_ant.jpg"; images[1] = "http://tip-top-torrents.net/JSFX/alien_arachnid.jpg"; images[2] = "http://tip-top-torrents.net/JSFX/cute_worm.jpg"; images[3] = "http://tip-top-torrents.net/JSFX/alien_caterpillar.jpg"; function edit_image1() { var index = select1.selectedIndex; if (index !== 0) { preview1.src = images[index]; random1.style.visibility = "hidden"; } else { preview1.src = images[Math.floor(Math.random() * selectLength)]; random1.style.visibility = "visible"; } return true; } select1.onchange = edit_image1; </script> </div>

私は今、アニメーションの初期化時にユーザーの選択をどのように適用するかを考えようとしています。

<script LANGUAGE="JavaScript"> 
function JSFX_StartEffects()
{

var Img.src = document.getElementById('preview1.src');

ここで私は条件を使用する必要があります。ユーザーが alien_ant を選択した場合は、この画像のペアで初期化する必要があります。

JSFX.MakeMouseSquidie (15,"" ,"");

そうでない場合は、ユーザーの選択を他のオプションと比較し、適切なイメージペアを適用する必要があります。

JSFX.MakeMouseSquidie (15,"" ,"");
JSFX.MakeMouseSquidie (15,"" ,"");
JSFX.MakeMouseSquidie (15,"" ,"");
}
</script> 

これを行う最善の方法は何ですか?

このページの終わり近くに使用しているオリジナルのスクリプトを見つけることができます。 "MouseSquidie"の下にある。

6
このFAQはよく読んでください。質問は十分に考え出され、文法的に正しいと思われ、数十人の無作為のアースとスマイリーの顔が含まれていないことが期待されます。 stackoverflow.com/faq
追加された 著者 mrtsherman,
私たちは助けを求めています。もし私たちがあなたが無料でしていることをあなたが助けてくれるようにしたいのであれば、少なくともあなたが入力した時間に時間を置くことができます。
追加された 著者 CommunistPancake,
このサイトは、専門家がお互いを助けるためのサイトです。私たちには多くの英語以外のユーザーがいますが、それは問題ありません。あなたはそれのために裁かれているわけではありませんが、不必要に笑みを浮かべて、句読点や無意味な言葉であなたの投稿を埋めるためです。書かれたとおり、あなたの投稿は事実上理解できず、閉鎖されました。サイトのような投稿が許可されていれば、実際に人々を助けることができるユーザーを連れてこなくなります。誰があなたの質問を理解するために多くの努力をしたいと思っていますか?特定のユーザーが編集して改善することを決めたため、あなたの投稿は再オープンされましたが、それはまだ境界線です。
追加された 著者 user1114,
あなたの文章スタイルにコメントが必要な場合(事前編集、とにかく)、mrtshermanが私が追加すると言ったこと:プロフェッショナルが頻繁に訪れるこのようなサイトに、込み入って酔っぱらい入力することは、特にあなたにはうまく反映されませんあなたの雇用主と一緒に。あなたが今日失業していても、あなたが真剣に誰かによって奪われることを望むならば、これを整理する方がはるかに優れています。
追加された 著者 BoltClock,
@JeremyBanks:私はした...私は本当に私が気にした理由は本当に表示されません。
追加された 著者 Chris Morgan,
@cocodjidji:それはインターネットのために設計する方法ではありません。それは決してなかった。それは何年も前の恐ろしい方法でした。それは長年見てきた最悪のサイトです。
追加された 著者 Chris Morgan,
本当のJavaコーダーが私の質問を読んだ場合、彼は数秒でそれを解決しますか?だから、私は実際のコーダーを待っています....レッスンを書いていないし、私は英語ではない、あなたが理解していたはずだから、私はできるだけ書く、笑:))))
追加された 著者 cocodjidji,
私のポストを修正するための多くのありがとう、笑顔ですみません、私はいくつかの地下の場所から来て、トラッカー、私は主に実際に新しいトラッカーをコード化して、amzingもの、このサイト、ヒントトップトレントはトップですリスト私は楽しくやって楽しくするためにやった....楽しみにしています。あなたが私の他のサイト、もっと "専門家"のいくつかを見たいと思えば、私はあなたにこれを見てみましょう:hipxsite.net ....しかし、私は専門家ではありません。私はあなたがそれを訂正する方法を願って、私のポストは、uを見て、もう一度感謝ジェレミー!!!
追加された 著者 cocodjidji,
だから...私のスタイルチェンジャーの一人を見るつもりかもしれないが、結局のところ、自分自身で解決策を見つけることができた...普通、hihihiiiiiiしかし、誰かが何か考えを得るならば、その大丈夫、笑...私の見るトラッカー、あなたはnoobが何をすることができます参照してください...ハッハッハ:) hipxsite.net
追加された 著者 cocodjidji,

1 答え

すべての画像が体系的に名前が付けられている場合、次のようなことができます:

オプションの値をファイル名の可変部分に設定します:

 
 
 

そこにあるすべてのjを置き換え、そのようなselect要素の値を使って後続のマウス関数を次のように呼び出します。

$(function() {
    $("#select1").change(function() {
        JSFX.MakeMouseSquidie (15,"" ,"");
    });
});
1
追加された
*あなたが一緒に集めているこのウェブページが8歳のBtwのためのものであることを願っています。誰も真のウェブサイトにマウスの後身を真剣に置くことはありません。
追加された 著者 Rush Frisby,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript