作者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