CSS làm hình to ra khi rê chuột vào

[computerangel]

Dưới đây là code CSS CSS làm hình to ra khi rê chuột vào, bạn nào có mod hay chức nang tương tụ cho vbb không nhỉ ? :MatCuoi (41):


Sau đây xin giới thiệu đến các bạn CSS có chức năng phóng to hình ảnh khi rê chuột vào.

Code CSS

#picture {width:100px; height: 250px; background-color:#ffffff;}
#picture a.small, #picture a.small:visited { display:block; width:100px; height:100px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#picture a img {border:0;}
#picture a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#picture a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#picture a.small:hover .large {display:block; position:absolute; top: 90px; left:150px; width:200px; height:200px; }

Code HTML

<div id="picture">
<a class="small" href="#nogo" title="small image"><img src="/images/jupiter-s.jpg" title="small image" />
<img class="large" src="/images/jupiter-l.jpg" title="large image" /></a>
</div>