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

— Eklenti WorldWideScripts.net için

@tr1wwsGüncel kalmak bizim beslemesine abone olun!

Yeni! Istediğiniz gibi bizi takip edin!


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

Ads

Ad: Bluehost hosting

addDot - jQuery plug-in Hot Spots eklemek için

"AddDot" plug-in hot spot eklemek için kullanılan ve görüntünün belirli bölümü hakkında kısa bir açıklama göstermek olabilir. Kullanıcı ayrıca açıklamasında başparmak resim ekleyebilirsiniz. Plug-in gibi çeşitli sektörlerde kullanılabilir...


  • Emlak - Binası Resim (Ne tesis olan zemin gösterebilir miyim)
  • Otomotiv - Tow / Dört Wheeler (aracın parçası hakkında kısa bilgi)
  • Tıbbi Domain - İnsan Vücudu (şirket, insan vücudunun belirli bölümü için olan çeşitli ürünler nitelendiren)
  • Eğitim - İnsan Anatomisi
  • Fabrika Makinaları - CNC Makineleri (nihai ürün dışında ne zaman hangi kısmının açıklanması yapar)

Eğer "addDot" plug-in kullanabilirsiniz çok daha fazla sanayi vardır.


Plug-in Özellikler

  • Yük göster seçeneğinin
  • Başparmak görüntü ile Açıklaması
  • Olay türü seçenekleri (hover / tıklayın)
  • Özel animasyon hızı
  • Genişlik ve Yükseklik seçeneğini ayarlayın
  • Sınır doldurma belirtin
  • Sınırları içinde sıcak noktaları ayarlayın
  • Sıcak noktalar sayısal, alfabe ve roman değerler atayın

Plug-in Özelleştirme Seçenekleri

Porperty Adı Veri tipi Varsayılan değer Olası Değeri Açıklama
leftPos tamsayı 0 200 Belirtilen sol pozisyonda sıcak nokta yerleştirin
topPos tamsayı 0 200 Belirtilen üst pozisyona sıcak nokta yerleştirin
etiket dizi 'Etiket Metni' 'Sıcak nokta etiket metni' Hot spot içindeki ekran olacak Etiket metni
thumbImg dizi hiçbiri 'img / thumb_img.gif' Etiketin sol tarafındaki başparmak görüntüsünü ekleyin. Başparmak görüntüledikten için, resmin URL'sini geçmek zorunda. (örn img / yol / imgname.ext)
showOnLoad boolean yanlış doğru ya da yanlış Sayfa yük açık / kapalı sıcak nokta etiketi ayarlayın. ShowOnLoad true olarak ayarlanırsa hot spot sayfa yük açık olacak
EventType dizi 'klik' 'vurgulu' 'klik' veya Sıcak nokta açık / kapalı etkisi için ayarlama olay tipi
aniType aniType 'hiçbiri' 'slide' veya 'none' Slayt etkisi ile yakın / açılacak slayt sıcak nokta ayarlayarak iki seçenek vardır. Herhangi bir etkisi olmaksızın hiçbiri açacak olsa / yakın sıcak nokta. Sen aniSpeed ​​seçeneği ile animasyon hızını ayarlayabilirsiniz
aniSpeed tamsayı 1 2 ya da 0,75 Animasyonun süresi. (süre saniyeler içinde)
genişlik tamsayı hiçbiri 100 Hot spot ayarlayın genişliği. genişlik belirtilmemişse, bu sıcak nokta etiket metni içeriğine dayalı genişliğini ayarlamak olacaktır (değer piksel olan)
yükseklik tamsayı hiçbiri 100 Sıcak nokta Set yüksekliği. Yükseklik belirtilmemişse, bu sıcak nokta etiket metni içeriğine göre yüksekliğini ayarlayın olacaktır (değer piksel olan)
boundaryPadding tamsayı 0 10 Genişlik veya yükseklik belirtilen değilse sağ ve alt dolgu ayarlayın. Genişlik belirtilmemişse 10 olarak contentPadding ayarlayarak, bu (bir görüntü kabın genişliği) ile izin verilen azami daha az sıcak nokta 10px genişliğini ayarlar. Yükseklik belirtilmemişse, bu izin verilen maksimum yüksekliğinden sıcak nokta 10px az yüksekliğini ayarlar (bir görüntü kabın yüksekliği)
withinBoundary boolean yanlış doğru ya da yanlış Eğer doğruysa, bu görüntü alanı sınırı dışında hot spot pozisyonunu izin vermez. Kullanıcı bu yüzden maksimum ayarlar yoksa sınır izin - 150px
btnLabel dizi hiçbiri '1' ya da 'a' ya da 'I' Düğme etiketi yerine düğme simgesi ayarlayın.



Girişi değiştir

Teşekkürler bu plug-in satın ve plug-in içine daha fazla özellik eklemek için önerdi herkesi. Aşağıda plug-in ilk versiyonunda yer almayan plug-in özellikleri değişiklik günlüğü vardır.


 v1.0.0 - 28 Mart 2012 İlk sürüm 
 v1.0.1 - 28 Mart 2012 Özelliği eklendi düğmesi etiketi yerine düğme simgesi eklemek için. Böylece kullanıcı ("1, 2, 3...", "a, b, c,...", "A, B, C...", "I, II, III...") kullanılarak ekleyebilir açık hot spot simgesi. 
 v1.0.2 - 5 Nisan 2012 İşlevsellik sıcak nokta etiketlerinin üst üste binmesini önlemek için z-index korumak ekledi. 
 v1.0.3 - 12 Nisan 2012 Açık hot spot etiket yönü özelliği eklendi. Ya "Soldan Sağa" ya da yatay olarak "Sağdan Sola" ve "Yukarı" ya da dikey "Aşağı" olarak Kullanıcı hot spot etiketi açık yönünü belirleyebilirsiniz. 
 v1.0.4 - 18 Nisan 2012 Bir seferde sadece bir sıcak nokta etiketi açılması için özelliği eklendi, daha önce sıcak nokta gizlemek olacaktır açıldı. 
 v1.0.5 - 2012 Haziran 2 Etiket <h6> <ul> <ol> vb etiketleri kullanıcı <h1> ekleyebilirsiniz böylece <div> için <p> Etiket Metin değiştirildi HTML etiketi. 
 v1.0.6 - 6 Haziran 2012 Kullanıcı, hem genişlik ve yükseklik belirtilen etti hata düzeltildi. Bu maksimum izin verilen yükseklik geliyordu. Ayrıca sıcak nokta kutu genişliği şimdi görüntü genişlik / yükseklik yerine konteyner genişlik / yükseklik esas alınarak hesaplanır. Kullanıcı max genişliği izin gibi contaienr genişlik / yükseklik ayarlamak istiyorsa / yükseklik sadece yazmak... . this.dotBoxWidth = Bu $ dotBox.outerWidth (true); this.dotBoxHeight = Bu $ dotBox.outerHeight (true).; 

Indir
Bu kategorideki diğer bileşenleriBu yazarın tüm bileşenleri
YorumlarSıkça sorulan sorular ve cevapları

Özellikleri

Oluşturuldu:
27 Mart 12

Son Güncelleme:
7 Haziran 12

Uyumlu Tarayıcılar:
IE8, IE9, Firefox, Safari, Opera, Chrome

Dosyalar Dahil:
JavaScript JS, HTML, CSS

Yazılım versiyonu:
jQuery

Anahtar kelimeler

eTicaret, eTicaret, Bü, tü, n eşyalar, nokta eklemek, not ekle, etiketi eklemek, animasyonlu hot spot, aç, ıklama, dipnot, Ö, zel sıcak nokta, Dinamik sıcak nokta, sıcak bö, lge, E-ö, ğrenme iç, in sıcak nokta, hotspot, resimde aç, ıklama, gö, rü, ntü, aç, ıklama, Fotoğraf etiketleyen kimse, Bu etiketlemek