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”):
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 :
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:
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 :
Dimana:<img src=”thumb.jpg” style=”width:200px”
data-plusimage=”large.jpg” data-plussize=”700,466″
/>
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”><divcaptionoffset: [-5, -15], //additional offset of caption relative to bottom left
class=”title”><img src=”closebox.gif” style=”margin: 2px 1px 1px 0″
title=”Hide Image” /></div><div class=”largeimage”></div></div>’,
edge of image
fadeduration: [300, 100], //fade in and out duration, in milliseconds
| Judul : | Cut & Paste Plus Size image viewer |
| Deskripsi : | Deskripsi : Plus Size Image Viewer secara otomatis menambahkan keterangan di bawah gambar pilihan Anda bahwa ketika mengklik melunc... |
| Ditulis Oleh : | ZULFIANTO |
| Author Rating : |
4/
5 Suara
|
Nama : ZULFIANTO
Adalah Seorang IT Konsultan. di ( ELQO Media Creative ) dan anak ke-4 dari seorang ibu dan ayah yang tegas dalam mendidik kami anak-anak nya.
sehingga menjadikan saya seorang yang mandiri dalam hidup, berusaha untuk tidak menyusahkan orang lain dalam sehari-hari.
Lahir di :
Pekanbaru,
Riau
Indonesia
0 comments:
Post a Comment
Jika Artikel ini bermanfaat Komentar nya doonggg.
Mohon dengan menggunakan bahasa yang enak dibaca :)