Truyện Cười BlogTaPhiet KC

Chat Box


--------------:Search

Đang tải...

Chủ Nhật, ngày 25 tháng 12 năm 2011

Hiệu ứng phóng to ảnh sử dụng jQuery


Hiệu ứng này sẽ giúp trong việc trình bày các hình ảnh trong một cách rất đẹp trong blog của bạn.Nó giúp để trình bày hình ảnh với nhiều kích thước hơn bằng cách phóng to để xem kích thước thật của ảnh gốc.File script này được đưa ra bởi Dynamicdrive. Vì vậy bạn có thể tìm thấy đoạn script tại trang web này.

Demo: thử nháy chuột vào hình xem thế nào.(^^!)



Để thao tác, bạn làm như sau:

1. Bạn chèn đoạn code bên dưới và trên thẻ </head>.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.yourjavascript.com/560192341/magnifier.txt.js">
</script>

2. Để sử dụng, trong bài đăng có chứa ảnh bạn sử dụng đoạn code dưới cho ảnh bài đăng.

<img class="magnify"  magnifyby="3" style="width: 200px; height: 250px;" src="URL_IMAGE" alt="" border="0" />

Thay URL_IMAGE bằng một LINK ẢNH  .

 4. Test thử xem kết quả thế nào nhé. Còn bạn nào muốn tải file js về sử dụng cho host riêng thì có thể tải tại đây.
Nguồn: Bloggerzbible
Share/Save/Bookmark

Đăng nhận xét

More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa
Top