Hỗ trợ Forumotion
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

[Help] cho xin code phóng to ảnh

4 posters

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

phongpy009

phongpy009
Member
Member

Cho em xin code phóng to ảnh không dùng fancybox nhé
thanks all

Admin

Admin
Administrator
Administrator

cho vào css:

Code:
/*-----------------------phong to hinh trong bai----------------------------------*/

.hovergallery img{
-webkit-transform:scale(0.4); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.9); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

vào viewtopic tìm:

Code:
{postrow.displayed.MESSAGE}

thay bằng:

Code:
<div class="hovergallery">
 {postrow.displayed.MESSAGE}
</div>

phongpy009

phongpy009
Member
Member

ko dc anh oi

cubimtq

cubimtq
Administrator
Administrator

Chỉnh cái mặc định của forum ý.
ACP > QLTT > Messages and e-mails > Cấu hình diễn đàn > Images resize :
Sau đó chỉnh
Width và Height cho thích hợp!

phongpy009

phongpy009
Member
Member

không được anh ơi, cho em xin code đi

Zin_Ken

Zin_Ken
Member
Member

Nếu bạn phóng to ảnh mặc định thì khi bạn vào 1 bài nào đó có đăng ảnh nhiều thì sẽ lag đơ đó nhé

phongpy009

phongpy009
Member
Member

demo : sky2vn.5forum.net
nick test
Id : phongpy009
pass : hungvuong

Sponsored content



Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết