作者sin60 (m ( _ _ ) m)
看板Ajax
標題[問題] 請問一個圖片顯示位置
時間Sun Jul 22 15:03:02 2012
小弟目前在研究一個圖片放大的效果，然後在網路上抓到一個可以有圖片放大的
code，大約是原圖(A圖)放大圖(B圖)，然後將滑鼠移到A圖上，在B圖就可以顯示
該區域的放大效果，應該不難想像把@@"
然而目前B圖是顯示在A圖的"下方"，我想要把B圖改為在A圖的右方，卻不知如何下手
我有從CSS中去加上background :right ...等，但是在我的Notepad++是顯示黑色就
知道那串是無效字串，所以想來請教一下有經驗的板有~~以下是CODE:
<DD id=img3><IMG id=img2 style="HEIGHT: 300px" alt=avril src="kkk.jpg"> //原圖
<DIV id=imgshow style="WIDTH: 400px; HEIGHT: 400px ;"></DIV> //放大的圖
Javascript:
window.onload=function() {
new imageZoom("img1",{
onShow:function() {
document.title="show,you are moving on the image.";
},
onHide:function() {
document.title="you mouse move out the image";
},
bigImg:"/Article/UploadFiles/200911/20091118150439849.jpg"
});
new imageZoom("img3",{
viewer:"imgshow"
});
P.S.我不太了解viewer的意思，google過還是不太清楚 先感謝回覆了XD
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.114.28.220
1F：推 davidsky:關鍵字 position:absolute; or float:left; 07/22 15:27
2F：→ sin60:不好意思我還是不知道該加在哪裡!! 07/22 17:16
3F：→ sin60:我看另外的CSS都是直接在func裡加就好了這邊都出現黑字.. 07/22 17:17
4F：→ sin60:好像成功了~位置開始移動了~~感謝!!! 07/22 17:27