26款jQuery圖片縮放功能外掛程式

來源:互聯網
上載者:User
文章目錄
  • Epic Image Zoom
  • Featured Image Zoomer
  • Smooth Zoom Pan – jQuery Image Viewer
  • jQuery Lensview Plugin
  • jQuery Image Zoom and Panning Plugin
  • Image Power Zoomer
  • Zoome
  • jQuery Zoom
  • Image Effects Pack – jQuery Powered
  • jQuery gzoom plugin
  • Zoomer
  • Hover Zoom
  • AnythingZoomer jQuery Plugin
  • Etalage
  • JQZoom
  • ImageLens
  • jQuery Cycle plugin
  • Crop, labelOver and pluck
  • ImgAreaSelect
  • Jcrop
  • PHP & jQuery image upload and crop
  • PanView
  • jQuery plugin : Fancy Zoom
  • Image Zoom 2.0
  • Creating An Image Zoom And Clip Effect With jQuery
  • jQuery PhotoShoot Plugin
  • Jquery iviewer

jQuery映像縮放外掛程式,您可以建立jQuery映像縮放效果, 驚人的減少的編碼工作。這是非常有用的, 如果你有大的圖片, 會佔用太多空間在您的web頁面。使用jQuery縮放映像效果也是一種優雅的方式來顯示細節, 例如照片、藝術或設計領域。

這篇文章覆蓋大部分的jQuery外掛程式可用來建立映像放大效應在網站和部落格中。這篇文章是最新動向的映像jQuery變焦外掛程式, 我們還修複了一些連結錯誤。

 

 

Epic Image Zoom

通過這個外掛程式你可以添加任何映像變焦功能配置的放大層級和放大鏡外觀。它提供了內建的預先載入映像。

DOWNLOAD / 線上示範 by CodeCanyon (premium plugin)

Featured Image Zoomer

該指令碼可以讓你查看任何映像的放大部分,移動時您的滑鼠。放大鏡旁邊的映像顯示放大的地區的需求。使用者可以切換使用滑鼠滾輪縮放層級。有很多的細節的配置,你希望使用者可以ON命令進入使用產品圖片,照片或其他映像。

查看詳細 / 線上示範 (free plugin)

Smooth Zoom Pan – jQuery Image Viewer

jQuery image viewer 準備顯示產品照片、地圖或任何映像在定製小面積。可以配置和實現在web頁面中使用簡單的複製/粘貼的步驟。30多個參數可用來定製,但一個標準版本的工作。

DOWNLOAD / 線上示範 by CodeCanyon (premium plugin)

jQuery Lensview Plugin

這變焦外掛程式放大鏡效果當你懸停在映像。鏡頭可以配置為使用CSS。其他功能的外掛程式包括覆蓋,回調,字幕和縮放。

DOWNLOAD / 線上示範 by CodeCanyon (premium plugin)

jQuery Image Zoom and Panning Plugin

這是一個jQuery外掛程式,建立一個縮放和平移效應在一個映像。外掛程式需要兩個映像的版本,一個小的預覽和一個更大的變焦和淘金。這是一個很好的方式來查看映像的細節。

DOWNLOAD / 線上示範 by CodeCanyon (premium plugin)

Image Power Zoomer

這是一個jQuery外掛程式,添加了一個放大鏡的每一張圖片都會在你的頁面。允許使用者放大部分的形象,只需移動游標。

查看詳細 / 線上示範 (free plugin)

Zoome

此jQuery外掛程式將讓你放大或縮小圖片使用你的滑鼠滾輪。Zoom特性的影響,包括幾個灰階、模糊和透明度。

DOWNLOAD / 線上示範 by CodeCanyon (premium plugin)

jQuery Zoom

一個外掛程式來放大圖片或mousedown mouseover。

查看詳細 / 線上示範 (free plugin)

Image Effects Pack – jQuery Powered

高端的效果,提高你的網站的使用者體驗。

DOWNLOAD / 線上示範 by CodeCanyon (premium plugin)

jQuery gzoom plugin

真的不錯的映像縮放外掛程式,使用以下特點:點擊正負放大,拖動滑塊來變焦縮放使用滑鼠滾輪翱翔的形象,移動滑鼠移至上方的映像改變鍋,lightbox風格的點擊映像顯示。

查看詳細 / 線上示範 (free plugin)

Zoomer

“放大鏡”是一個JavaScript組件由詹姆斯·Padolsey。 “放大鏡”允許使用者通過他們密切檢查映像徘徊在他們的游標。它被構建為一個健壯的、不令人信服的和高度可定製的jQuery外掛程式。

查看詳細 / 線上示範 by CodeCanyon (premium plugin)

Hover Zoom

The hover zoom effect基本上反向縮放圖一個標籤,上面當滑鼠懸浮。非常光滑的效果, 可以用於縮圖。像往常一樣,在這裡你可以查看一個示範或抓取源,如果你不想看整個教程。

查看詳細 / 線上示範 (free plugin)

AnythingZoomer jQuery Plugin

你有一個小的地區。你滑鼠。彈出一個地區給你一個放大仔細的觀察。這是一個jQuery外掛程式,我不會告訴你你應該使用它或者精心設計的用例情境。你自己的創造力可以幫你。

查看詳細 / 線上示範 (free plugin)

Etalage

一個準備使用jQuery映像縮放外掛程式呈現你的映像在最高的細節不離開當前頁面的情況下。

簡單地連結到JavaScript和CSS檔案,並將它應用於你的HTML元素和其他jQuery外掛程式。定製的設定和CSS來匹配你的風格和目的。完整的文檔和樣本。

 

查看詳細 / 線上示範 by CodeCanyon (premium plugin)

JQZoom

JQZoom是一個javascript映像放大器建立頂部的流行的jQuery javascript架構。 jQzoom是一個偉大的和非常容易使用的指令碼,放大你想要的!

查看詳細 / 線上示範 (free plugin)

ImageLens

使用這個jQuery外掛程式添加鏡頭風格縮放效應到一個映像

查看詳細 / 線上示範 (free plugin)

jQuery Cycle plugin

這是一個輕量級的投影片的外掛程式,支援暫停在盤旋,自動停止、自動適應,之前/之後回調,單擊觸發器和許多過渡效果。這個效果看起來很好!

查看詳細 / 線上示範 (free plugin)

Crop, labelOver and pluck

查看詳細 / 線上示範 (free plugin)

ImgAreaSelect

imgAreaSelect jQuery外掛程式選擇一個矩形地區的映像。

查看詳細 / 線上示範 (free plugin)

Jcrop

Jcrop 是快速、簡單的方法來添加映像裁剪功能,您的web應用程式。它結合了一個典型的jQuery外掛程式的易用性與一個強大的跨平台的DHTML種植引擎,是忠實於熟悉的案頭圖形應用程式。

查看詳細 / 線上示範 (free plugin)

PHP & jQuery image upload and crop

很棒的解決方案,它允許使用者上傳在你的網站。

查看詳細 / 線上示範 (free plugin)

PanView

這個外掛程式允許訪問者視圖的細節放大和移動滑鼠。

查看詳細 / 線上示範 (free plugin)

jQuery plugin : Fancy Zoom

這個外掛程式是jQuery版本在進階的放大效應。這個外掛程式是提供一個光滑、乾淨、真正mac像效應,就像它是一個函數的Safari瀏覽器本身。

查看詳細 / 線上示範 (free plugin)

Image Zoom 2.0

這個外掛程式讓連結指向映像在“映像縮放”。點擊一個連結被點擊映像將縮小其靶心圖表像。點擊任何映像或關閉按鈕來縮放映像回到。只有~ 3 k縮小。

查看詳細 / 線上示範 (free plugin)

Creating An Image Zoom And Clip Effect With jQuery

好的視頻教程向您展示如何建立一個映像放大效應,你可以選擇一個地區的一個映像,映像會自動擴充到顯示選擇的地區。

查看詳細 / 線上示範 (free plugin)

jQuery PhotoShoot Plugin

jQuery組外掛程式使您能夠將任何div在web頁面的照片拍攝效果,配有一個視圖儀。

查看詳細 / 線上示範 (free plugin)

Jquery iviewer

JQuery.iviewer是一個jquery外掛程式用於載入和顯示映像在容器縮放映像的能力。

查看詳細 / 線上示範 (free plugin)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.