Chia sẻ các bạn mã nguồn Gallary ảnh đơn giản mà lại đẹp
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
đầu tiên, các bạn sao chép ảnh vào thu mục "images" rồi đổi tên thành :"1.jpg, 2.jpg,..."(không bắt buộc)
sau đó ra thư mục gốc tìm index.html > mở bằng note pad++ hoặc note pad rồi tìm các dòng
<a tabindex="01"><img src="images/01.jpg"></a>
sửa thành
<a tabindex="01"><img src="images/(tên ảnh).jpg"></a>
nếu bạn sử dụng nhiều hơn 12 ảnh thì bạn cũng vào thư mục gốc rồi mở index.html bằng notepad++
tìm đến dòng
<a tabindex="12"><img src="images/(tên ảnh).jpg"></a>
rồi thêm xuống bên dưới dòng
<a tabindex="13"><img src="images/(tên ảnh).jpg"></a>
sau đó vào thư mục /css/ và mở file main.css bằng notepad++
tìm đến phần
.gallery a:nth-child(12) img {
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
và thêm xuống bên dưới dòng code
.gallery a:nth-child(13) img {
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
bạn có thể thay 30deg bằng số độ nghiêng của ảnh mà bạn muốn
chúc bạn thành công