Hiệu ứng này được rất nhiều các trang web chuyên về ảnh sử dụng. 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.Với thủ thuật này trang web của bạn sẽ trở nên chuyên nghiệp hơn. Cách này cũng tương tự với cách bằng CSS trước đây nhưng mượt hơn vì có hiệu ứng Jquery.
Thủ thuật được phát triển mởi Dynamicdrive.Các bạn bấm chuột vào hình dưới để xem Demo:
☼ Cách tiến hành:
1- Đăng nhập (login) vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sử HTML (Edit HTML) -> Tiếp tục => Xem video:
4- Bạn chèn đoạn code sau vào trước thẻ </head>.
1- Đăng nhập (login) vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sử HTML (Edit HTML) -> Tiếp tục => Xem video:
4- Bạn chèn đoạn code sau 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>
5- Bấm Lưu Template lại
6- Để 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 Ảnh" alt="" border="0" />
Thay URL Ảnh bằng hình ảnh của bạn.- Các bạn hãy Downloaf file magnifier.txt.js về tại đây (hoặc Tại đây) (nếu chưa biết tải file Javarscip thì xem Tại đây)và Upload lên google code Tại đây để dùng lâu dài nha.
Cách này các bạn phải chèn thủ công cho ảnh. nếu muốn không phải chèn thủ công thì các bạn hãy sử dụng lightbox jquery tại đây nha.
Theo: Bloggerzbible