Memperbesar Ukuran Gambar Thumbnail & Mengatasi Buram

Kode untuk Memperbesar atau Mengubah Ukuran Thumbnail Posting Blog dan mengatasi gambarnya yang buram (blur). Kode di bawah ini disimpan di atas </body> atau </head>. Warna merah bisa diubah sesuai dengan nama elemen thumbnail image yang akan diperbesar.

Ini kode jQuery. Pastikan di template Anda ada kode jQuery.

<script type='text/javascript'> //<![CDATA[ function resizeThumb(el, from, to) { $(el).each(function() { $(this).attr({ 'src': $(this).attr('src').replace('/s'+from+'-c/', '/s'+to+'-c/'), 'width': to, 'height': to }); }); } // Mengubah ukuran thumbnail widget Posting Populer $(function() { resizeThumb('#PopularPosts1 img', '72', '200'); }); //]]> </script>


Contoh Lain:

<script type='text/javascript'> //<![CDATA[
jQuery.fn.resizeThumb = function(from, to) {
    return this.each(function() {
        $(this).attr({
            'src': $(this).attr('src').replace('/s' + from + '-c/', '/s' + to + '-c/'),
            'width': to,
            'height': to
        });
    });
};

$(function() {
    $('.post img').resizeThumb(72, 200);
});
//]]> </script>

Sumber Kode Cara Memperbesar/Mengubah Ukuran Thumbnail Posting   

• http://www.dte.web.id/2012/07/memperbesar-thumbnail-posting.html
• http://jsfiddle.net/tovic/hzQN7/4/