« 12月1日の行動 | メイン | 豚の角煮 »
2005年12月01日
[技術] JavaScript マウスカーソルが入ったら、画像を表示するサンプル
【技術メモ】
JavaScript マウスカーソルが入ったら、画像を表示されるサイトがあったので参考のためにメモ。
（この方法だと、あらかじめ画像はブラウザに全てダウンロードされている必要あり）
■html
<td class="list_body">
<a href="../resize/input?id=9185&no_header=&obj_name="
onclick=""
onmouseover="imagePreView('image_9185');"
onmouseout="imagePreViewClose('image_9185');" >
20051130.jpg
</a>
<span id="image_9185" class="image_pre_view">
<img src="http://tako.sakura.ne.jp/sblo_files/nekobara/image/20051130-thumbnail2.jpg"
alt="20051130.jpg" width="75" height="56" border="0">
</span>
</td>
■javascript
function GetLayer(layername){
var layer;
if(document.getElementById){
layer = document.getElementById(layername);
}
else if(document.all && ! document.getElementById){
layer = document.all[layername];
}
else if(document.layers){
layer = document.layers[layername];
}
return layer;
}
function imagePreView(viewid) {
var view = GetLayer(viewid);
view.style.display = 'inline';
switchAllSelect('hidden');
}
function imagePreViewClose(closeid) {
var view = GetLayer(closeid);
view.style.display = 'none';
switchAllSelect('visible');
}
function switchAllSelect(visibility) {
for(i=0;i
for(e=0;e
if(ele.type.indexOf('select') != -1){
ele.style.visibility = visibility;
}
}
}
}
投稿者 nekobara : 2005年12月01日 11:57
トラックバック
このエントリーのトラックバックURL:
http://www.ishihara.ne.jp/mt/mt-tb.cgi/779