★90 秒で作る！美女たちのランダム画像 -Case.2-

Lovely Wolf

2009年03月07日 21:42



【第 147 話】 タッチできるセクシー画像が楽しい！悪用厳禁 - JavaScript 実践 編 -
The story [147] Would you like to touch sexy pics with your hands? - Continued JavaScript Chapter -


★ソラマメには、JavaScript ファイルをアップロードできないし、記事に直接書いても動いてくれないとお嘆きのキミっ！

・・・んなハズはないっ！アニメーションGIF など使わずとも、Wolf せんせの90 秒シリーズさえ抑えておけば、次々にセクシー画像は現われる。- by Lovely Wolf -


★全米で大ヒットした究極の殺し屋「Dexter 」が、ついに日本に上陸した。
（映像とは関係ありません）



・・・して、今かかっている曲は、Ivy のナンバーで、【Worry About you 】。

Now, Today's best music for u, [Worry About you ]

#Youtube 「Worry About you: Mary And Antubis.」より引用
http://www.youtube.com/watch?v=Sc7cHGgXrac&feature=related






★まずは、本日2 度目のSEXY SS でもいきますか？イヤになるまで、タッチをお楽しみください。lol
var i=0;var image_obj=new Array('http://img01.slmame.com/usr/lovelywolf/09030704.jpg','http://img01.slmame.com/usr/lovelywolf/09030707.jpg','http://img01.slmame.com/usr/lovelywolf/09030708.jpg');function replace_entry_images(){var obj=document.getElementById('replace_image');var random_number = Math.floor((Math.random() * 100)) %image_obj.length;if(obj.src==image_obj[random_number]){replace_entry_images();}else{obj.src=image_obj[random_number];}i++;if(i>=3){shutter();}}



★ソラマメの記事にJavaScript を書くとき、注意すべき点はデフォルトで自動改行が有効になってることだ。

・・・キミの記事は表示されるときに<br /> タグが埋め込まれ、自動改行されているというワケだ。


# ブログ環境設定 記事の自動改行の図




★ソースはこちら。自動改行を有効にしてる限りコピペしても動かないゼ。

・・・JavaScript をコピペする場合には、著作権情報を記載してください。


<script language="JavaScript">
/*--------------------------------------------------------------------------
* Blog Random Images, version 1.0.0
* Copyright(C)2009/* Lovely Wolf Report in SLMaMe * ALL Rights Reserved
* For details, please check the website : http://lovelywolf.slmame.com/
*--------------------------------------------------------------------------*/

// ここに画像を入れる
var image_obj=new Array(
'http://img01.slmame.com/usr/lovelywolf/09030704.jpg',
'http://img01.slmame.com/usr/lovelywolf/09030707.jpg',
'http://img01.slmame.com/usr/lovelywolf/09030708.jpg'
);

function replace_entry_images(){
var obj=document.getElementById('replace_image');
var random_number = Math.floor((Math.random() * 100)) % image_obj.length;

if(obj.src==image_obj[random_number]){
replace_entry_images();
}
else{
obj.src=image_obj[random_number];
}
}
</script>

★記事に入れる画像タグに、JavaScript の中で指定したのと同じid を埋め込なまいとエラーになるから注意が必要だ。赤字部分でid="replace_image"を指定している。

・・・<img> タグには、最初に表示したい画像を設定すればいい。ここまでイッキに90 秒。簡単でしょ？


<img id="replace_image" src="http://img01.slmame.com/usr/lovelywolf/09030704.jpg" alt="" />

★何も知らずに記事にJavaScript を書くと、<br /> タグがキミのスクリプトを台無しにしてくれる。

・・・では、自動改行を無効にすればよいのか？といえば、そんなに簡単にはいかない。自動改行を解除したとたん、キミの過去記事は見事に崩れまくる。

・・・「自動改行は有効にしておく。でも、記事にJavaScript を書くとき、改行を一切入れない。」
これがオレの出した結論だが、他にやり方があるという方は遠慮せずにコメントしてもらいたい。
やってみたけど、うまく動かないという方もコメントしてくれ。


【JavaScript で画像切り替え - 関連記事】
# Case 1.<WEB URL> http://lovelywolf.slmame.com/e374231.html
# Case 2.<WEB URL> http://lovelywolf.slmame.com/e374675.html
# Case 3.<WEB URL> http://lovelywolf.slmame.com/e536224.html
# Case 4.<WEB URL> http://lovelywolf.slmame.com/e536686.html
# Case 5.<WEB URL> http://lovelywolf.slmame.com/e542406.html
# Case 6.<WEB URL> http://lovelywolf.slmame.com/e549777.html

　
【SEXY デザインTips】