WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

addDot - The jQuery Plug-in for Adding Hot Spots

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


addDot - The jQuery Plug-in for Adding Hot Spots - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

addDot - jQuery plug-in untuk menambahkan Hot Spots

"AddDot" plug-in dapat digunakan untuk menambahkan hot spot dan menunjukkan deskripsi singkat tentang bagian tertentu dari suatu gambar. Pengguna juga dapat menambahkan jempol gambar dalam deskripsi. Plug-in dapat digunakan dalam berbagai industri seperti...


  • Real Estat - Bangunan Gambar (Bisa menunjukkan lantai yang memiliki fasilitas apa)
  • Otomotif - Tow / Empat Wheeler (Info pendek tentang bagian dari kendaraan)
  • Domain medis - Tubuh Manusia (Menggambarkan berbagai produk yang perusahaan miliki untuk bagian tertentu dari tubuh manusia)
  • Pendidikan - Anatomi Manusia
  • Pabrik Mesin - CNC Mesin (Menjelaskan bagian yang melakukan apa ketika produk akhir keluar)

Ada lebih banyak industri di mana Anda dapat menggunakan "addDot" plug-in.


Plug-in Fitur

  • Tampilkan opsi beban
  • Keterangan dengan ibu jari gambar
  • Pilihan jenis acara (melayang / klik)
  • Kecepatan animasi kustom
  • Sesuaikan lebar & heigth pilihan
  • Tentukan batas bantalan
  • Sesuaikan hotspot dalam batas
  • Menetapkan numerik, alfabet & nilai-nilai Romawi ke hot spot

Plug-in Kustomisasi Pilihan

Nama porperty Tipe data Nilai Default Kemungkinan Nilai Deskripsi
leftPos bilangan bulat 0 200 Menempatkan hot spot di posisi kiri ditentukan
topPos bilangan bulat 0 200 Menempatkan hot spot di posisi teratas ditentukan
label tali 'Label Teks' 'Hot spot label teks' Label teks yang akan ditampilkan dalam hot spot
thumbImg tali tak satupun 'img / thumb_img.gif' Tambahkan jempol gambar di sisi kiri label. Untuk menampilkan gambar jempol, Anda harus melewati URL gambar. (misalnya img / path / imgname.ext)
showOnLoad boolean Salah benar atau salah Mengatur buka tutup label hot spot / pada beban halaman. Jika showOnLoad diatur ke benar hot spot akan terbuka pada beban halaman
eventType tali 'klik' 'klik' atau 'melayang-layang' Set jenis acara untuk hot spot terbuka / efek tutup
aniType aniType 'tidak ada' 'geser' atau 'tidak' Ada dua pilihan, dengan menetapkan geser hot spot akan membuka / menutup dengan efek slide. Sementara tidak ada akan membuka / menutup hot spot tanpa efek apapun. Anda dapat mengatur kecepatan animasi melalui pilihan aniSpeed
aniSpeed bilangan bulat 1 2 atau 0,75 Durasi animasi. (durasi dalam detik)
lebar bilangan bulat tak satupun 100 Lebar set hot spot. (nilai dalam pixel) Jika lebar tidak ditentukan, itu akan menyesuaikan lebar berdasarkan hot spot konten teks label
tinggi bilangan bulat tak satupun 100 Tinggi set hot spot. (nilai dalam pixel) Jika tinggi tidak ditentukan, maka akan menyesuaikan ketinggian berdasarkan tempat label konten teks panas
boundaryPadding bilangan bulat 0 10 Set Padding kanan & bawah jika lebar atau tinggi tidak ditentukan. Dengan menetapkan contentPadding sebagai 10 jika lebar tidak ditentukan, itu akan mengatur lebar hot spot 10px kurang maksimal diperbolehkan dengan (lebar wadah gambar). Jika tinggi tidak ditentukan, itu akan mengatur ketinggian hot spot 10px kurang dari ketinggian maksimum yang diizinkan (ketinggian wadah gambar)
withinBoundary boolean Salah benar atau salah Jika benar, itu tidak akan membiarkan posisi hot spot dari batas area gambar. Jika pengguna melakukan sehingga akan menyesuaikan dengan max diperbolehkan batas - 150px
btnLabel tali tak satupun '1' atau 'a' atau 'aku' Set label tombol bukannya tombol ikon.



Perubahan Log

Terima kasih semua yang telah membeli plug-in & disarankan untuk menambahkan lebih banyak fitur ke plug-in. Di bawah ini adalah log perubahan untuk fitur plug-in yang tidak termasuk dalam versi pertama dari plug-in.


 v1.0.0 - 28 Maret 2012 Rilis pertama 
 v1.0.1 - 28 Maret 2012 Ditambahkan fitur untuk menambahkan label tombol bukannya tombol ikon. Sehingga pengguna dapat menambahkan ("1, 2, 3...", "a, b, c...", "A, B, C...", "I, II, III...") sebagai gantinya open icon hot spot. 
 v1.0.2 - 5 April 2012 Fungsionalitas tambahan untuk mempertahankan z-index untuk menghindari tumpang tindih label hot spot. 
 v1.0.3 - 12 April 2012 Ditambahkan fitur untuk membuka hot arah label tempat. Pengguna dapat menentukan label hot spot terbuka ke arah baik sebagai "Kiri ke Kanan" atau "Kanan ke Kiri" horizontal dan "Up" atau "turun" secara vertikal. 
 v1.0.4 - 18 April 2012 Fitur tambahan untuk membuka hanya satu label hot spot pada satu waktu, yang sebelumnya dibuka hot spot akan menyembunyikan. 
 v1.0.5 - 2 Juni 2012 Tag HTML berubah dari Label Text dari <p> ​​untuk <div> sehingga pengguna dapat menambahkan <h1> untuk <h6>, <ul> <ol> dll tag di label. 
 v1.0.6 - 6 Juni 2012 Fixed bug ketika pengguna telah ditentukan lebar & tinggi kedua. Itu datang dari diperbolehkan tinggi max. Juga lebar kotak hot spot sekarang dihitung berdasarkan gambar lebar / tinggi daripada wadah lebar / tinggi. Jika pengguna ingin untuk mengatur contaienr lebar / tinggi sebagai max diperbolehkan lebar / tinggi hanya menulis... . this.dotBoxWidth = ini $ dotBox.outerWidth (true); this.dotBoxHeight = ini $ dotBox.outerHeight (benar).; 

Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
27 Maret 12

Pembaharuan Terakhir:
7 Juni 12

Browser kompatibel:
IE8, IE9, Firefox, Safari, Opera, Chrome

Termasuk file:
JavaScript JS, HTML, CSS

Versi perangkat lunak:
jQuery

Kata kunci

eCommerce, eCommerce, Semua barang, menambahkan dot, menambahkan catatan, menambahkan tag, animasi hot spot, membubuhi keterangan, anotasi, kustom hot spot, dinamis hot spot, hot spot, hot spot untuk e-learning, hotspot, gambar keterangan, gambar penjelasan, foto tagger, tag ini