サムネイル画像に動きをつけたいのですが

[新着] Webテンプレートを仮オープンしました



0   名前: 松竹米 : 2007/07/09(月) 16:59  ID:Igm6dEpu sub-iR
【何をしたいのか】
サンプルに紹介する@とAを合成して
@のサムネイルの部分をAの文字の部分のように動かしたいのですが

【サンプルの提示】
@ttp://www.geocities.jp/oparl17/wzmg01-sita.html
Attp://tuku.egoism.jp/html2/link63.htm

【現在の状況】
単純にタグの差し替えをしても動作しませんでした。
↓動作しなかったタグ

<img src="画像A" name="abc" width="640" height="480">
<br><br>

<script type="text/JavaScript">
<!--
/*http://myako.net/ ako's cyberpage*/
var hidariGa='左の矢印画像'
var migiGa='右の矢印画像'
var Mhaba=800


var hayasa=4

var tobisaki='<nobr>
<img src="画像A" width="72" height="54"onmouseover="abc.src='画像A'">   ┓
<img src="画像B" width="72" height="54"onmouseover="abc.src='画像B'">   ┣多分ここに問題ありかと思います
<img src="画像C" width="72" height="54"onmouseover="abc.src='画像C'">   ┛
</nobr>'

var zituhaba=''; var NS;
function Go(){
if (document.all){
tugi.innerHTML=tobisaki
zituhaba=tugi.offsetWidth
}
else if (document.layers){
NS=document.NSmenu.document.NSmenu2
NS.document.write(tobisaki)
NS.document.close()
zituhaba=NS.document.width }}
window.onload=Go
function hidariGo(){
if (document.all&&tugi.style.pixelLeft>(Mhaba-zituhaba))
tugi.style.pixelLeft-=hayasa
else if (document.layers&&NS.left>(Mhaba-zituhaba))
NS.left-=hayasa
hidariZi=setTimeout("hidariGo()",50) }
function migiGo(){
if (document.all&&tugi.style.pixelLeft<0)
tugi.style.pixelLeft+=hayasa
else if (document.layers&&NS.left<0)
NS.left+=hayasa
migiZi=setTimeout("migiGo()",50) }
if (document.all||document.layers){
with (document){
write('<table border=0><tr><td><a href=#" onMouseover="hidariGo()" onMouseout="clearTimeout(hidariZi)"><img src="'+hidariGa+'"border=0></a>&nbsp;</td><td valign="top">')
if (document.all){
write('<span style="position:relative;width:'+Mhaba+';">')
write('<span style="position:absolute;width:'+Mhaba+';clip:rect(0 '+Mhaba+' auto 0)">')
write('<span id="tugi" style="position:absolute;left:0;top:0">')
write('</span></span></span>') }
else if (document.layers){
write('<ilayer width='+Mhaba+' name="NSmenu">')
write('<layer name="NSmenu2" left=0 top=0></layer></ilayer></td>') }
write('<td>&nbsp;<a href="#" onMouseover="migiGo()" onMouseout="clearTimeout(migiZi)">')
write('<img src="'+migiGa+'"border=0></a>')
write('</td></tr></table></center>') }}
//-->
</script>

わかりにくい文章で申し訳ありませんが
解決法わかる方いればお助けください

1   名前: 匿名 : 2007/07/09(月) 16:59  ID:0bN./3op sub-Cz
悪いことは言わないから他のサンプルを探して下さい。10 年以上前のコードです。

# あと@とAのような機種依存文字を使わないで下さい。読めません。

2   名前: 松竹米 : 2007/07/09(月) 16:59  ID:Igm6dEpu sub-iR
゜Д゜…
そうでしたか、10年以上も前のコードとは orz
ご指摘ありがとうございます

一覧へ戻る