網頁圖片顯示方式

Home Home
引用 | 編輯 greenjessie
2008-04-09 22:41
樓主
推文 x0
我想請問一下有沒有高手能教我一個東西…

目前在學做網頁…我想做的是很多的小圖示的圖片

當滑鼠指到小圖示時…會在網頁中間顯示出大張的圖片…

那要怎麼做呢?還沒有固定使用哪種軟體…

有大大可以教我的嗎><

獻花 x0
引用 | 編輯 andyz
2008-04-10 00:45
1樓
  
用onmouseover就可以了
大概是這樣
<a href="#" onmouseover="某個函數" onmouseout="某個函數2"><img sre="小圖路徑" 長 寬 框 哩哩辣辣的></a>
<div id="某個圖層"/>

某個函數要寫顯示大圖的程式,顯示在某個圖層
某個函數2要寫-變回原本的樣子
滑鼠移開小圖後,因該還是要變回原本的樣子吧
函數可以寫在head裡面
link this
<head>
....其他哩哩扣扣的
<script type="text/javascript">
function 某個函數
{
  your code;
}

function 某個函數2
{
  your code;
}

</script>
</head>

然後最好是在body裡先onload大圖
這樣才不會出現太慢
like this <body onload="大圖路徑">

以上用javascript和html就可以寫出來了
我不會直接給妳完整的CODE
我會給妳HINT
讓妳去試試看怎麼做
做不出來可以貼出妳的CODE
然後再看看哪裡出錯了

或是妳也可以問問GOOGLE大神
網路上有很多現成的程式

或者妳也可以用dreamweaver cs3
裡面有很多可以直接套用的工具

獻花 x1
引用 | 編輯 greenjessie
2008-04-10 14:43
2樓
  
謝謝捏…感謝你提供的教學

我會好好摸索^^

獻花 x0