Điều chỉnh kích thước ảnh VBB4

Thảo luận trong 'Thủ thuật - Mã nguồn - Theme' bắt đầu bởi administrator, 2/3/13.

  1. administrator
    Administrator
    Thành viên BQT Admin Smod Mod

    Tham gia ngày:
    6/2/13
    Mình sẽ share cho các bạn code tự động resize ảnh, nó sẽ được click khi trở lại bình thường.Cái này thì là code khá hay (Chắc cũng được share ở vài nơi rồi ấy nhỉ), tự động chỉnh kích thước lớn nhất mà ảnh trong bài viết đạt đến, tự động resize ảnh đến kích thước chỉ định khi hover.

    Mã:
    .postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
    	max-width: 400px !important;
    	-webkit-transition: all .3s ease-out;
    	-moz-transition: all .3s ease-out;
    	-o-transition: all .3s ease-out;
    	transition: all .3s ease-out;
    }
    .postbit .content img:hover, .postbitlegacy .content img:hover, .postbitdeleted .content img:hover, .postbitignored .content img:hover, .eventbit .content img:hover {
    	max-width: 630px !important;
    	-moz-transform: scale(1);
    	-webkit-transform: scale(1);
    	-o-transform: scale(1);
    	transform: scale(1);
    	-ms-transform: scale(1);
    	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=2, M12=-0, M21=0, M22=2);
    	z-index: 10;
    	overflow: hidden;
    }
    Chúc bạn thành công !
     
    Quan tâm nhiều
    Con Cua Số Mấy bởi lavie24h, 31/10/24 lúc 00:01
    Con Cua Số Mấy bởi lavie24h, 31/10/24 lúc 00:10
    150 cau hoi sat hach a1 bởi lavie24h, 31/10/24 lúc 00:11
    Chiêm bao thấy dê bởi lavie24h, 30/10/24 lúc 23:58
    #1

Chia sẻ trang này