Deskripsi : Plus Size Image Viewer secara otomatis menambahkan keterangan di bawah gambar pilihan Anda bahwa ketika mengklik meluncurkan “ukuran asli” versi gambar. Gambar hasil perbesaran bisa menjadi gambar yang berbeda dari aslinya, sehingga hasil dimuat hanya pada permintaan bila diminta. FYI, script ini dihasilkan oleh penampil gambar yang sama terlihat pada beberapa halaman WSJ.
Contoh :
Langkah 1: Tambahkan script berikut ke bagian < HEAD > dari halaman Anda:
Ini referensi dua file eksternal plus gambar. Download di bawah ini (klik kanan, lalu pilih “save as”):
Contoh :
Langkah 1: Tambahkan script berikut ke bagian < HEAD > dari halaman Anda:
Ini referensi dua file eksternal plus gambar. Download di bawah ini (klik kanan, lalu pilih “save as”):
Langkah 2 : Lalu, tambahkan di bawah markup sampel untuk <BODY> Anda:
Untuk menambahkan “ukuran plus” caption untuk gambar apapun, masukkan dua atribut merah di dalam tag IMG gambar :
<img src=”thumb.jpg” style=”width:200px”
data-plusimage=”large.jpg” data-plussize=”700,466″
/>
Dimana:
data-plus image: URL penuh atau path ke gambar diperbesar, seperti http://mysite.com/large.jpg, atau gambar / large.jpg.
data-plus size: Lebar dan tinggi dari gambar diperbesar, dalam format “w, h”. Pixel adalah unit diasumsikan.
Ada juga beberapa variabel di dalam plusimageviewer.js yang ingin Anda edit, terutama, path ke gambar “dekat” pada server Anda:
enlargeboxmarkup: ‘<div class=”enlargebox”><div
class=”title”><img src=”closebox.gif” style=”margin: 2px 1px 1px 0″
title=”Hide Image” /></div><div class=”largeimage”></div></div>’,captionoffset: [-5, -15], //additional offset of caption relative to bottom left
edge of image
fadeduration: [300, 100], //fade in and out duration, in milliseconds
http://feeds.feedburner.com/fianstudio