Hiệu ứng phóng to ảnh dùng Jquery

Sau bài này mình cũng sẽ giới thiệu đến các bạn hiệu ứng phóng to ảnh khi rê chuột vào chúng. Hiệu ứng lần 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 kích thước nhỏ và bằng cách phóng click chuột, ảnh sẽ to để xem kích thước thật của nó( hình ảnh chỉ được phóng to khi Click chột vào nó ). Scrip này là của Dynamicdrive.

Xem Demo

Để làm được thủ thuật, các bạn làm theo 2 bước sau:
1. Chèn code bên dưới vào trước 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>

Đoạn màu xanh nếu Template của bạn có rồi thì xóa đi.

2. Như vậy khi nào bài đăng của bạn có hình ảnh mà muốn có hiệu ứng thì bạn dùng Code để chèn

<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 .

Tham khảo: Bloggerzbible