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