memberikan efek zoom untuk gambar postingan kita, ketika gambar itu di klik.

div.jquery-image-zoom {
line-height: 0; font-size: 0; z-index: 10; border: 5px solid #fff; margin: -5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } div.jquery-image-zoom a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9N0-nwEHK1Q0gb107OsyNpdSz4oZ7Voch4SqjqtuX2pH09sQ6AsOu_1WOLjt7i147vzDY0_lF1k3URlwH9GlzeWD1IRbOgmdjmXf-8VjnlrXvD3qA5YD8FhrYC7VW-Kjj_Vq-WzaPDDs/s1600/jquery.imageZoom.png) no-repeat; display: block; width: 25px; height: 25px; position: absolute; left: -17px; top: -17px; /* IE-users are prolly used to close-link in right-hand corner */ *left: auto; *right: -17px; text-decoration: none; text-indent: -100000px; outline: 0; z-index: 11; } div.jquery-image-zoom a:hover { background-position: left -25px; } div.jquery-image-zoom img, div.jquery-image-zoom embed, div.jquery-image-zoom object, div.jquery-image-zoom div { width: 100%; height: 100%; margin: 0; }

<script src='http://lorddayz.googlecode.com/files/jquery.min.js' type='text/javascript'/> <script src='http://lorddayz.googlecode.com/files/imageZoom.min.js' type='text/javascript'/> <script type='text/javascript'> jQuery(document.body).imageZoom(); </script>