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

Smooth Zoom Pan - jQuery Image Viewer

— Add-On la WorldWideScripts.net

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


Smooth Zoom Pan - jQuery Image Viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Acesta este un vizualizator de imagini bazate pe javascript / CSS pregătit pentru a afișa fotografii de produs, hărți sau orice imagine din zona personalizată mică. Poate fi configurat și implementat în pagini web cu pași simpli copy / paste. Suporta toate dispozitivele și platformele iOS, Android și Windows 8 funcții tactile majore.

Mai mult de 30 de parametrii disponibili pentru a personaliza, încă o versiune standard poate lucra pur și simplu cu 2 valori:

 $ ( '# YourImageID'). SmoothZoom ({ Lățime: <Enter Lățime>, Înălțime: <Enter Inaltime> }); 

Opțiuni:

  • Nivelul inițial de zoom
  • Poziția inițială
  • Nivelul maxim de zoom
  • Nivelul minim de zoom

  • animație Smoothness
  • Viteză de animație pentru Zoom
  • Viteză de animație pentru Pan
  • Se montează sau umple imaginea
  • Activați butoanele / Dezactivare Pan
  • Activare / Dezactivare Pan Limitarea
  • Reglabil Dimensiune buton, culoare, transparență, Aliniere și marja de profit
  • Butonul Auto Hide and Temporizarea

  • Mouse-ul Drag / Drag Touch
  • zoom control al mouse-ului pe pneuri
  • Mouse-ul Cursor Locul de amplasare zoom de pe roata mouse-ului
  • Mouse-ul dublu clic cu zoom

  • Dimensiunea de frontieră, culoare, transparență
  • opțiune pentru dimensiunea browser complet
  • Lățimea maximă și înălțimea (pentru redimensionare a ferestrei)


UPDATE V1.7: [treizeci-5-2014]
  • Windows 8 telefon / tabletă, IE10 + suport adăugat
  • Acum lucreaza cu evenimente pointer pentru suport tactil consistent și compatibilitate


  • UPDATE V1.6.9: [18 martie 2013]
  • Versiune jQuery suport 1.9.1 adăugat
  • Versiune PrettyPhoto suport 3.1.5 adăugat
  • sprijin IE6 pe deplin a scăzut


  • UPDATE v1.6: [10 iunie 2012]
  • Receptivă & Fluid suport aspect adăugat cu setări reglabile
  • O nouă metodă adăugată pentru a redimensiona zona de vizualizare în orice moment după inițierea
  • Obiective turistice se pot redimensiona pe mări (cu excepția IE8 & de mai jos)
  • Alinierea personalizată - la un click pe butonul de reset se aliniază imaginea într-un mod specificat
  • Direcția Pan poate fi inversat prin setări
  • Setările de viteză separate pentru zoom și pan
  • Fixează câteva mari minore și câteva mai multe opțiuni minore adăugate.


  • UPDATE V1.5: [18 martie 2012]
  • Singur pas Zoom - Posibilitatea de a atinge niveluri maxime și minime de zoom într-un singur clic
  • Atinge Dimensiunea butonului prietenos - Opțiunea de a seta diferite dimensiuni buton pentru dispozitive tactile
  • 2 callback noi adăugate
    - Declanșatori de fiecare dată valorile pe scară / poziția actualizate (pe fiecare cadru de animație)
    - Declanșatori ori de câte ori schimbările de vizibilitate reper lui
  • iOS bug-uri fixe - probleme legate de punct de reper Poziția pe iPad, iPhone, iPod fix
  • Crom bug fix - aleatoare Aspectul chenar negru pe Google crom fix


  • UPDATE v1.4: [04 martie 2012]
  • Obiective turistice dinamice - posibile pentru a adăuga / elimina / repere reîmprospătare pe timpul rulării.
  • Metoda focusTo îmbunătățită cu parametrul de viteză personalizat.
  • Este posibil pentru a seta funcții personalizate de apel invers în următoarele 2 ocazii:
    - Pe Load Image.
    - Everytime acțiunea de zoom / pan completează (se întoarce scala de date / poziție).


  • UPDATE v1.3: [12 februarie 2012]
  • Obiective turistice / privind etichetele / Locul de amplasare suport Pin adăugat. (Previzualizare # 5)
  • Galerie de miniaturi exemplu adăugate. (Previzualizare # 6)
  • Galerie de exemplu adăugate casetă lightbox. (Previzualizare # 7)
  • Zoom suport adăugat anti-prindere pentru navigare dispozitiv cu ecran tactil
  • FireFox 10+ bug nu este în măsură să trageți fix
  • Îmbunătățit pentru a satisface codificare performanțe mai bune


  • UPDATE V1.2: [02 noiembrie 2011]
  • Metoda suplimentară adăugată pentru a prelua poziție și zoom valorile curente (proba # 4)
    Aceste date vor fi de ajutor în următoarele ocazii:
    1. Pentru a face instrumentul de decupare
    2. Pentru a stoca curent de date de zoom și re-deschide pagina cu exact același nivel și poziția
  • Acum, valoarea de offset pe tot ecranul poate fi setat pentru ambele lățime și înălțime în procente


  • UPDATE V1.1: [20 octombrie 2011]
  • capacitatea de a controla toate acțiunile buton din afara plugin-ul (folosind propriile butoane) adăugate
  • Adăugat opțiunea de a elimina toate butoanele (în sensul de mai sus)
  • fișier sursă conține 4 exemple de variante pentru a începe cu ușurință de personalizare
  • Performanţă:

    Netezime variază în funcție de capacitățile de browser. Plugin-ul utilizează cele mai bune opțiuni disponibile în browserele moderne, în timp ce gestionează vizibilitatea pe browsere mai vechi:


    Descărcați
    Alte componente din această categorieToate componentele acestui autor
    ComentariiÎntrebări frecvente și răspunsuri

    Proprietăți

    Creată:
    09 septembrie 11

    Ultima actualizare:
    05 septembrie 15

    Browsere compatibile:
    IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

    fişierele incluse:
    JavaScript JS, HTML

    Versiune de software:
    jQuery

    Cuvinte cheie

    eCommerce, eCommerce, Toate obiectele, Android, a decupa, fluid, imagine, ios, iPad, jquery, Reper, Harta vizualizator, tigaie, redimensiona, sensibil, scară, atingere, Zoom