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

— 添加到WorldWideScripts.net

訂閱我們的飼料,以保持最新

新!跟隨我們,你想要它


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

Ads

Ad: Bluehost hosting

addDot - jQuery插件添加熱點

“addDot”插件可以用於添加一個熱點和顯示有關的圖像的特定部分簡短說明。 用戶還可以在添加說明拇指圖像。 插件可以在不同的行業,如使用...


  • 房地產 - 建築形象(能顯示哪些樓有什麼設施)
  • 汽車 - 拖車/四輪汽車(約合車輛部分短信息)
  • 醫療域 - 人體(描述該公司有對人體的特定部分的各種產品)
  • 教育 - 人體解剖學
  • 機械廠 - 數控機床(解釋其中的一部分做什麼,當最終產品出來)

還有很多的行業,可以用“addDot”插件。


插件功能

  • 展會上加載選項
  • 說明用拇指形象
  • 事件類型選項(懸停/點擊)
  • 自定義動畫速度
  • 調整寬度heigth選項
  • 指定邊界填充
  • 調整中的邊界熱點
  • 分配數字,字母和羅馬價值觀熱點

插件自定義選項

Porperty名稱 數據類型 默認值 可能的值 描述
leftPos 0 200 將熱點指定左側位置
topPos 0 200 將熱點指定頂部位置
標籤 “標籤文本” “熱點標籤文本” 標籤文本,將顯示屏內熱點
thumbImg 沒有 “IMG / thumb_img.gif” 加入拇指圖像上標籤的左側。 為了顯示大拇指的形象,你必須通過圖片的URL。 (如IMG /路徑/ imgname.ext)
showOnLoad 布爾 對或錯 設置在頁面加載打開/關閉熱點標籤。 如果showOnLoad 設置為true熱點會在頁面加載開放
EVENTTYPE “點擊” “點擊”或“懸停” 對於熱點打開/關閉效果設置事件類型
aniType aniType “無” “幻燈片”或“無” 有兩種選擇,通過設置幻燈片熱點將打開/關閉與滑動的效果。 雖然沒有人會打開/關閉熱點無任何影響。 您可以通過設置選項aniSpeed ​​動畫速度
aniSpeed 1 2或0.75 動畫的持續時間。 (持續時間為秒)
寬度 沒有 100 設置寬度熱點。 (值是像素)如果未指定寬度 ,則它將基於熱點標籤文字內容調整寬度
高度 沒有 100 熱點設置高度。 (值是像素)如果未指定高度 ,它會根據熱點標籤文字內容調整高度
boundaryPadding 0 10 將右底部填充如果沒有指定寬度或高度。 通過如果未指定寬度設置contentPadding10,它將設置寬度熱點10px的不足與最大(寬圖像容器)允許的。 如果未指定高度,它將設置熱點10px的更少的高度比最大允許高度(圖像容器的高度)
withinBoundary 布爾 對或錯 如果屬實,這將不會允許的熱點位置出圖像區域的邊界。 如果用戶這樣做會調整到最大允許的邊界 - 150像素
btnLabel 沒有 '1'或'a'或'I' 設置按鈕標籤,而不是按鈕圖標。



更改日誌

感謝所有誰購買了這個插件和建議,以增加更多的功能集成到插件。 下面是更改日誌的量並沒有包括在該插件的第一版本插件特性。


 V1.0.0 - 28日2012年3月 首次發行 
 V1.0.1 - 28日2012年3月 新增功能來添加按鈕標籤,而不是按鈕圖標。 因此,用戶可以添加(“1,2,3...”,“A,B,C......”,“A,B,C......”,“一,二,三......”),而不是開放熱點圖標。 
 V1.0.2 - 2012 4月5日 功能加入到維護的z-index以避免熱點標籤重疊。 
 V1.0.3 - 12日2012年4月 新增功能對於開放熱點標籤的方向。 因為無論是“左到右”或“從右至左”水平和“向上”或“向下”垂直用戶可以指定熱點標籤打開方向。 
 v1.0.4 - 18日2012年4月 新增功能對於在同一時間打開只有一個熱點標籤,先前打開的熱點將是隱藏。 
 V1.0.5 - 第二屆2012年6月 從<p>標籤文本的更改HTML標記<DIV>,以便用戶可以添加<H1>到<H6>,<ul> <OL>等標籤的標籤。 
 1.0.6 - 6日2012年6月 修正了當用戶指定的寬度和高度都錯誤。 有人走出來的最大允許高度。 此外熱點框的寬度現在計算基於圖像寬度/高度,而不是容器寬度/高度。 如果用戶希望它來設置contaienr寬/高為最大允許寬度/高度只寫... 。this.dotBoxWidth =該$ dotBox.outerWidth(真正的); this.dotBoxHeight =這個$ dotBox.outerHeight(真)。 

下載
此類別中的其他組成部分這個作者的所有組件
評論常見問題和答案

屬性

創建:
12年3月27日

最後更新:
12年6月7日

兼容的瀏覽器:
IE8,IE9,火狐,Safari,歌劇,鉻

包括的文件:
JS的JavaScript,HTML,CSS

軟件版本:
jQuery的

關鍵字

電子商務, 電子商務, 所有項目, 加點, 加註, 添加標籤, 動畫熱點, 註釋, 註解, 自定義熱點, 動態熱點, 熱點, 熱點電子學習, 熱點, 圖片註釋, 圖像標註, 照片惡搞, 這個標籤