jQuery Plugin untuk Caption Gambar

Namanya jQuery Capty. Plugin ini sederhana penggunaanya, tak jauh beda dengan plugin-plugin jQuery lainnya. Berikut adalah cara penggunaanya.

Kode ini dipasang pada baris sintaks javascript:

$('#content').capty({
   height:   46,
   opacity:  .6
 });

Dan yang ini adalah kode HTML halaman website:

<img id="content" src="image.jpg" name="#content-target" width="342" height="262"/>

 <div id="content-target">
   <span style="color: #F00;">Mario</span> - Super Mario Bros.®<br/>
   <a href="javascript:void(0);">http://www.mariobros.com</a>
 </div>

Berikut ini adalah pilihan selengkapnya untuk mengatur tampilan plugin Capty beserta contohnya:

animation:    ‘slide’
The captions animation type: ‘slide’, ‘fade’ or ‘fixed’.

cCaption:     ‘capty-caption’
The class name of the wrapper caption.

cImage:       ‘capty-image’
The class name of the wrapper image.

cWrapper:     ‘capty-wrapper’
The class name of the wrapper image and caption.

height:       30
The height of the caption.

opacity:      .7
The opacity of the caption.

prefix:       ”
The text/html that will be applied at the beginning of the legend.

speed:        200
The speed in which caption will appear and disappear.

sufix:        ”
The text/html that will be applied at the end of the caption.

Sumber: websitenya langsung (http://www.wbotelhos.com/capty/)

Silakan download di sini.

Pos ini dipublikasikan di Developer dan tag . Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s