Selasa, 24 April 2012

Membuat Fullsize With Jquery Blogger

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

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:

<div id="desc">
<img  longdesc="big.jpg" src="small.jpg"  />
</div>
Berikut longdesc adalah atribut yang berisi versi lebih besar dari gambar dan berhubungan dengan ukuran penuh
Anda dapat memiliki link dalam gambar ini jika Anda seperti:

<div id="desc">
<a href="html.html"><img  longdesc="big.jpg" src="small.jpg"  /></a>
</div>
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.


 5.Sekarang menyimpan Post / Page.
Description: Membuat Fullsize With Jquery Blogger
Share on :
 
© Copyright Top Online News | Toko News 2011 - Some rights reserved | Powered by | Blogger.com.
Template Design by Herdiansyah Hamzah | Supported by Toko Blog N GoogleMembuat Fullsize With Jquery Blogger