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 / Images and Media

Etalage

— 添加到WorldWideScripts.net

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

新!跟隨我們,你想要它


Etalage - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

可隨時使用jQuery圖像縮放插件在最高的細節,而不必離開頁面呈現圖像。

簡單地鏈接到JavaScript和CSS文件,並把它應用到像其他的jQuery插件你的HTML元素。 自定義設置和CSS來匹配你的風格和目的。 完整的文檔和例子包括在內。

請檢查常見問題解答購買前。

產品特點:

  • 通過自定義CSS和插件選項
  • 所有元素的基礎上圖像的尺寸和CSS精確定位
  • 小縮略圖是自動生成的,尺寸和位置
  • 低分辨率預覽(縮略圖擴大),同時下載縮放圖像(IE除外)
  • 縮放圖像移動的可選寬鬆政策
  • 可選自動播放
  • 可選的說明/字幕
  • 圖片數量不限
  • 對齊Etalage左/右,與在另一側的變焦區域
  • 小縮略圖可定位下方或上左/右(垂直地)
  • 每頁可能的多個實例
  • 從右到左語言支持
  • 對於前一個/下/具體形象可選的外部控制
  • 高級:可定制的回調函數
  • 工程在所有常見的瀏覽器(和IE6)
  • 包括文檔和註釋的源文件
  • 包括“絕對基礎”和6個示例文件,讓你開始

新版本1.3.4(2013年6月)

  • 新插件選項:show_begin_end_smallthumb(是否顯示在開始額外的縮略圖和導航回結束或開始結束)
  • 的fancybox例如網頁更新,以支持該插件的2+版本。
  • 小的性能提升

新的版本1.3.3(2013年2月)

  • 選項“smallthumbs_position”,現在也可以設置為頂部
  • 選項“show_hint”現在是默認為false
  • 增加了不必要的包裝小姆指行修復通常是由放大的瀏覽器造成的
  • 錯誤固定在右對齊小的拇指在Firefox沒有滾動
  • 新的示例頁面:“對齊”與小大拇指左/頂/右對齊樣本
  • 新的例子頁:“外部控制”來演示如何從火等元素Etalage行動
  • 小的性能提升

新的1.3.2版本(2012年9月4日)

  • 優化的jQuery 1.8+(不推薦使用“懸停”事件,不建議使用$.browser方法,不建議使用'LOAD'事件)
  • .etalage()現在返回jQuery對象,這樣你就可以繼續鏈接
    示例:
     。$('#etalage“)etalage()什麼(); 
  • 增加了對Twitter的引導支持(它與Etalage CSS搞砸)
  • 感動回調函數到插件選項對象。 舊的方法仍然有效,但。 示例:

     $('#etalage“)。etalage({ click_callback(){警報(“OMG”); }, change_callback(){警報('很感動'); } }); 

在新版本1.3.1(2012/06/05)

  • Bug修復:當初始化類的多個實例,變焦範圍大小不同。
  • 新增從右到左語言支持。
  • 新增從右到左的例子。
  • 新增的fancybox不使用Etalage的變焦範圍的例子。
  • 增加了重複設置的例子。
  • 輕微的性能改進。

在新版本1.3(2012/03/06)

  • [修正]添加鏈接到圖片,現在工作正常
  • [修正]加載圖像有時會繼續使用一個單一的圖像時顯示
  • 新插件選項:smallthumb_select_on_hover(點擊徘徊其中的時候他們,而不是通過小縮略圖滾動)
  • 新插件選項:zoom_element(提供你自己的元素作為放大區域的能力)
  • 新插件選項:zoom_area_distance(以前是CSS設置)
  • 新插件選項:hint_offset(以前是CSS設置)
  • 新插件選項:icon_offset(以前是CSS設置)
  • 新的回調函數:etalage_change_callback(image_number,INSTANCE_ID),其中image_number是新的活動圖像
  • 增加使用Etalage用的fancybox的例子
  • 增加使用回調函數的例子
  • 加入使用定制變焦區域元件的一個例子
  • 小的性能提升和去除depricated jQuery函數

新版本1.21(2011/09/04)

  • 修正了外部控制的錯誤時有不小的縮略圖超出範圍

新的1.2版(2011年7月23日):

  • 甚至更精確的變焦圖像的定位。
  • 錯誤修正,其中描述框當位於頂端將被拉伸。
  • 點擊回調函數(適合燈箱或要發生在點擊任何東西)。
  • 添加插件選項“click_to_zoom”。 啟用後,點擊大的縮略圖將啟動變焦(而不是徘徊的話)。 這並不與點擊回調函數一起去。
  • 添加插件選項“smallthumbs_position”。 的小縮略圖現在可以位於大縮略圖(垂直地)的左側或右側。
  • 添加插件選項“對齊”。 的Etalage容器現在可以被對準在正確的,與左邊的變焦區域。
  • 外部功能切換前一個/下/到一個特定的圖像數量。

注意:您還應該使用新的CSS此更新,如果您是從舊版本升級(至少複製“功能性”部分在底部;個人造型部分保持不變)。

新的1.1版本(2011年4月24日):

  • 添加一個可選的描述區域覆蓋縮放圖像。 經過源圖像的title屬性的說明文字:
    <img class="etalage_source_image" src="" title="Put description here." />
  • 鍵盤支持(可選)(左/右箭頭鍵切換到上一個/下一個圖像)。
  • 錯誤的zoom_easing插件選項固定。
  • 不同略有改善

從以前的版本更新; 替換“功能”的一部分,由新的CSS添加“說明區”一節。

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

屬性

創建:
11年3月26日

最後更新:
13年6月24日

兼容的瀏覽器:
IE6,IE7,IE8,IE9,IE10,IE11,火狐,Safari,歌劇,鉻,邊緣

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

軟件版本:
jQuery的

關鍵字

電子商務, 電子商務, 所有項目, 精品, 圓盤傳送帶, 商業, 細節, 時尚, 畫廊, 圖像, 項目, 預覽, 產品, 店, 滑塊, 店, 縮略圖, 放大