Code phóng to hình khi di chuyển chuột vào

English | Vietnamese

Rules

Main Forum

Portal

Member Listing

Statistics

Search

Reading Room
[Register]

Login [ | https ]

Forum Index

Những thảo luận khác

Code phóng to hình khi di chuyển chuột vào

[Question] Code phóng to hình khi di chuyển chuột vào	31/07/2013 08:34:23 (+0700) \| #1 \| 277894

evit_08
Member

Joined: 18/04/2008 02:30:36
Messages: 3
Offline

Chào các bạn cho mình hỏi chút không biết đề tài này đã ai làm chưa. Ai dảnh có thể chỉ rõ cho mình nhé
hiện mình đang có trang web sẵn có rùi rất nhiều hình ảnh và mình muốn làm thêm phần khi di chuyển con trỏ chuột vào thì ảnh tự phóng to lên.
Mình đọc 1 số bài theo mình hiều lôm la hình như phải từng cái 1 hay sao ấy vì:
đoạn PHP thì thế này
<style type='text/css'>

.img-thumbnail{
position: relative;
z-index: 0;
}

.img-thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.img-thumbnail span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.img-thumbnail span img{
border-width: 0;
padding: 2px;
}

.img-thumbnail:hover span{
visibility: visible;
top: -100px;
left:100px;
}

</style>

///////////-------------------------------
Đoạn HTML như thế này
<a class="img-thumbnail" href="#">
<img src="link ảnh1" border="0" height="98" width="130"/>
<span>
<img src="link ảnh1"/>
</span>
</a>

Như vậy phải đi làm từng cái ảnh 1 rùi có phải không à
Như ở Ecshop hình như mình nhớ là chèn vào là cả trang web hình ảnh nào cũng được hết

[Question] Code phóng to hình khi di chuyển chuột vào	01/08/2013 20:10:18 (+0700) \| #2 \| 277916

amt
Member

Joined: 11/02/2008 20:56:23
Messages: 75
Offline

Đoạn đầu là CSS không phải PHP. Muốn phóng to ảnh bạn có thể dùng jQuery.

sống mơ hồ

[Question] Code phóng to hình khi di chuyển chuột vào	03/08/2013 09:32:56 (+0700) \| #3 \| 277938

evit_08
Member

Joined: 18/04/2008 02:30:36
Messages: 3
Offline

http://www.itviet360.com/2012/12/css...-web-blog.html
Theo Link như thế này thì code CSS phải cho vào đâu. Mình có cái trang web trong đó 1 đống files css mình chẳng hiểu phải cho nó vào chỗ nào
Và cái đoạn html thì phải cho vào đâu.
Trang của mình viết asp ai có thể chỉ giùm với thanks