Fullsize merupakan upaya untuk menambahkan atributIMG baru yang disebut "fullsize" dalam versi berikutnya dari HTML. Idenya sederhana; menciptakan solusi yang distandarisasi oleh browser menangani popup gambar daripada javascript / AJAX. Setiap kali atribut fullsize ditemukan dalam tag img, browser akan menangani angkat berat, menghasilkan popup dari image.Even ukuran penuh meskipun tidak standar sampai sekarang tapi itu tersedia sebagai plugin jquery
Langkah Tambahkan ke Blogger:
1.Login ke akun Blogger
3. Sekarang salin kode dari bawah dan paste di sana.
Description: Membuat Fullsize With Jquery Blogger
Langkah Tambahkan ke Blogger:
1.Login ke akun Blogger
2. Pergi ke Halaman Post / Anda ingin menambahkan fullsize dan kemudian pergi ke tab Edit HTML.
3. Sekarang salin kode dari bawah dan paste di sana.
<link href="http://dl.dropbox.com/u/27675057/fullsize/fullsize.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"> </script> <script src="http://dl.dropbox.com/u/27675057/fullsize/jquery.fullsize.minified.js" type="text/javascript"> </script> <script type="text/javascript"> $(function(){ $("div.desc img").fullsize(); }); </script>"desc" di potongan di atas harus dicatat sebagai tag div id yang sama akan digunakan kemudian, di mana semua gambar harus tertutup
4.Adding gambar ke Full Size sedikit berbeda
Pertama memasukkan gambar Anda dengan cara berikut:
Anda dapat memiliki link dalam gambar ini jika Anda seperti:
5.Sekarang menyimpan Post / Page.
Pertama memasukkan gambar Anda dengan cara berikut:
<div id="desc">Berikut longdesc adalah atribut yang berisi versi lebih besar dari gambar dan berhubungan dengan ukuran penuh
<img longdesc="big.jpg" src="small.jpg" />
</div>
Anda dapat memiliki link dalam gambar ini jika Anda seperti:
Fullsize tidak seperti lightboxes lain, ini hanya membuka jendela popup ketika ikon memperbesar diklik, yang muncul ketika gambar melayang di gambar berikut over.The akan menjelaskan lebih jelas.<div id="desc"><a href="html.html"><img longdesc="big.jpg" src="small.jpg" /></a></div>
5.Sekarang menyimpan Post / Page.
Tidak ada komentar:
Posting Komentar