2009年03月07日
★90 秒で作る！美女たちのランダム画像 -Case.2-
【第 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
★ソラマメの記事に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(
'//img01.tec29.com/usr/lovelywolf/09030704.jpg',
'//img01.tec29.com/usr/lovelywolf/09030707.jpg',
'//img01.tec29.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="//img01.tec29.com/usr/lovelywolf/09030704.jpg" alt="" onclick="replace_entry_images();" />
★何も知らずに記事に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
Posted by Lovely Wolf at 21:42│Comments(0)
│【SEXY デザインTips】
