JQuery Zoom Effekte zum Nachbauen

JQuery Zoom Effekte zum Nachbauen

JQuery ist wirklich erstaunlich. Ihr könnt für beinah alles und für jeden Bedarf das richtige Tool finden. Hier stellen wir nun ein paar, fantastische Bildzoom Plug-ins vor, die auf JQuery Basis funktionieren. Zudem lassen Sie sich leicht in euren Seiten oder Blog hinzufügen. Diese Tools sind sehr nützlich, wenn ihr große Bilder habt, die sonst zu viel Raum einnehmen würden.

 

 

firstZoom

Ein sehr schöner Zoom Effekt, der durch das Klicken auf plus und minus, in Funktion tritt. Hier wird das Bild vergrößert zudem könnt Ihr dann noch mit der Bewegung der Maus über das vergrößerte Bild noch die richtige Position wählen. Wenn Ihr nicht Zoomt, könnt Ihr auch mit einem Klick das Bild im der Lightbox ansehen.

wood

Bei diesem Zoom wird weg gezoomt und eine Schrift eingeblendet. Ein sehr schöner Effekt

anythingZoomer

Im „AnythingZoomer v1.0“ könnt Ihr sogar Texte vergrößern. Diese Tool verhält sich wie eine Leselupe, im vorgegeben Bereich wird sowohl Schrift als auch Bildmaterial vergrößert.

clip_image004

JQZoom gehört zu den Spitzen Tools der Javascript Basierenden Lupen. Mit diesem könnt Ihr im Bild eigentlich alles vergrößern, was Ihr möchtet.

clip_image005

Diese Plug-in hat sogar mehrere Funktionen. Es kann die Bilder hintereinander legen, Runterscrollen, Faden (Ein / Ausblenden), Drehen.

 

clip_image006

Mit diesem Tool könnt Ihr auf einfachste Art und weise Bildgrößen ändern

clip_image007

Mit Image Area Select könnt Ihr wie der Name dieses Tools schon verrät einen Bestimmten Bildausschnitt machen.clip_image008

Jcrop ist die schnelle und leichte Weise eurer Web-Anwendung Bildabschneidfunktionalität hinzuzufügen.

 

clip_image009

Hier wird Euch der ausgewählte Bereich im Thumbnail angezeigt.

clip_image010

Dieses Plug-in dient dazu Euren Besuchern Details eines Bildes genauer zu betraten.

zoomerGallery

Eine wirklich geniale Galerie ist die Zoomer, hier wird bei einer Bewegung über das Bild eine automatische Vergrößerung ausgelöst.

clip_image012

Hier könnt Ihr Euch eine wirklich Beeindruckendes und schon fast im Apple Style Vergrößerung Plug-in bauen.

clip_image013

clip_image014

Dieses Tool ist wie ein Fotoapparat. Ihr könnt den Bildausschnitt frei wählen. Wenn Ihr dann die mit der Maus klickt, wird Euer Bildausschnitt im unteren Bereich eingeblendet.

Andere Berichte über JQuery

Euch gefällt dieser Bericht, dann verteilt Ihn…

Teile uns

KOMMENTARE (11) “JQuery Zoom Effekte zum Nachbauen”

  • SF sagt:
    27. August 2010 in 2:24 Antworten

    High resolution zoom with image tiles: http://www.ajax-zoom.com

  • Roman sagt:
    9. November 2010 in 22:09 Antworten

    Hallo zusammen!
    Also mir hat auf jeden Fall fast alles gefallen, besonders „jQuery gzoom plugin“. Die Frage ist kann man wirklich alle Plugins, bzw. Jquery Effekts kostenlos nutzen? Über eine Antwort würde ich mich sehr freuen 😉 Danke!

    • voodoo sagt:
      10. November 2010 in 8:34 Antworten

      Die meisten kann man ohne bedenken nachbauen oder Intigrieren. Es steht aber meist auch dran. Beispiel beim jQuery plugin : Fancy Zoom, License : GPL

  • Mark sagt:
    27. November 2010 in 23:31 Antworten

    Ajax-zoom is sowas wie wie pan view, nur da wird nicht das ganze Bild geladen, sondern ein Teil davon. Ich glaube Google maps hat die gleiche Technik, muss man sehen, es gibt viele Beispile: http://www.ajax-zoom.com/index.php?cid=examples

  • Abenisa sagt:
    27. April 2011 in 17:44 Antworten

    Hab die meisten Zoom-Effekte in Webshops immer nur mit Flash erlebt. Jquery ist schon sehr mächtig! Grüße

  • 30. April 2011 in 14:31 Antworten

    Danke war genau was ich gesucht habe =) =)

  • 30. Mai 2011 in 1:00 Antworten

    Danke für den ausführlichen Bericht über die Zoom Effekte von JQuery.
    Sehr interessantes Thema.

Schreibe einen Kommentar

Über WAM

Die WAM - Webagentur-Meerbusch. Die Typo3 und Wordpress Agentur aus Meerbusch bei Düsseldorf in NRW. Ganz nach dem Motto: Wenn man es ins Netz stellen kann, können wir es bauen. Und das schon seit über 10 Jahren.

-
Das Archiv
Werbung
Haendlerbund_Leistungen_265x221_animiert
Datenschutz-Übersicht
logo_wam_gray

Hier können Sie einstellen welche Cookies unsere Webseite auf Ihrem Endgerät speichern „Local Storage“ darf. Diese werden beim nächsten besuch auf unserer Webseite reaktiviert. Diese Einstellungen können Sie jederzeit wieder ändern. Dazu klicken Sie unten Links auf das Zahnradsymbol.

Sie können die Cookies nach dem Besuch unserer Webseite natürlich auch bedenkenlos löschen. Dazu müssen Sie die entsprechenden Einstellungen in Ihrem Browser vornehmen.

Unbedingt notwendige Cookies

Unbedingt notwendige Cookies sollten jederzeit aktiviert sein, damit wir deine Einstellungen für die Cookie-Einstellungen speichern können.

  • pll_language .

Cookie zur Verarbeitung eines mehrsprachiges System. Inhalte auf de / en / fr - Ablaufdatum 1 Jahr

  • reCAPTCHA ist ein CAPTCHA-System,

das es Webhostern ermöglicht, zwischen menschlichen und automatisierten Zugriffen auf Websites zu unterscheiden.

Unternehmen, das die Daten verarbeitet
Google Ireland Ltd
Gordon House, Barrow Street
Dublin 4
IE

Datenschutzerklärung

Kategorien verarbeiteter Daten:
KlickpfadSichtbarkeit von Anzeigen messenMausbewegungZeitstempelKlicks auf Anzeigen verfolgenConversion-TrackingIPUhrzeit und Datum verfolgenVerfolgung des BenutzerstandortsBesucherverhaltenUser-AgentSpracheBesuchte WebseiteZeitzone

Rechtsgrundlage für die Datenverarbeitung: Einwilligung (DSGVO 6.1.a)

Datenübertragung außerhalb der EU
Dieser Anbieter kann Ihre personenbezogenen Daten außerhalb des EWR/der EU übertragen, speichern oder verarbeiten. Diese Länder haben möglicherweise nicht das gleiche Datenschutzniveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.
Cookies, die in Ihrem Browser gesetzt werden Cookiename Beispielwert Ablaufzeit Typ Domain rc::a MjNxdWs3M2o5ZGt­x Persistent Funktion www.google.com

  • Google Fonts

ist ein Dienst, der es Websites ermöglicht, bestimmte Schriftarten für ihre Gestaltung zu verwenden.

Unternehmen, das die Daten verarbeitet
Google Ireland Ltd
Gordon House, Barrow Street
Dublin 4
IE

Datenschutzerklärung

Rechtsgrundlage für die Datenverarbeitung: Einwilligung (DSGVO 6.1.a)

  • Google Maps

ist ein von Google entwickeltes Web-Mapping-Produkt.

Unternehmen, das die Daten verarbeitet
Google Ireland Ltd
Gordon House, Barrow Street
Dublin 4
IE

Datenschutzerklärung

Kategorien verarbeiteter Daten
Betrugserkennung und -präventionSichtbarkeit von Anzeigen messenZeitstempelIPUhrzeit und Datum verfolgenVerfolgen des BenutzergerätsVerfolgung des BenutzerstandortsBesucherverhaltenUser-AgentSpracheBesuchte WebseiteZeitzone

Rechtsgrundlage für die Datenverarbeitung: Einwilligung (DSGVO 6.1.a)

Datenübertragung außerhalb der EU
Dieser Anbieter kann Ihre personenbezogenen Daten außerhalb des EWR/der EU übertragen, speichern oder verarbeiten. Diese Länder haben möglicherweise nicht das gleiche Datenschutzniveau und die Durchsetzung Ihrer Rechte kann eingeschränkt oder nicht möglich sein.

Drittanbieter-Cookies

Diese Website verwendet Google Analytics, um anonyme Informationen wie die Anzahl der Besucher der Website zu sammeln.

Betreibergesellschaft der Google-Analytics-Komponente ist die Google Inc., 1600 Amphitheatre Pkwy, Mountain View, CA 94043-1351, USA.

Name des Cookies: _ga
Inhalte: GA1.2.1970440283.1622365906
Ablaufdatum des Cookies : 1 Jahr - Nur bei Verbindungen zur gleichen Website

Name des Cookies: _gat_gtag_UA_1602708_1
Inhalte: 1
Ablaufdatum des Cookies : 1 Minute - Nur bei Verbindungen zur gleichen Website

Name des Cookies: _gid
Inhalte: GA1.2.1949554392.1622365906
Ablaufdatum des Cookies : 24 Stunden - Nur bei Verbindungen zur gleichen Website

Name des Cookies: chimpstatic
Inhalte: E-Mail Adresse bei Newsletter anmeldung
Ablaufdatum des Cookies : 24 Stunden - Nur bei Verbindungen zur gleichen Website

Zusätzliche Cookies

Diese Website verwendet die folgenden zusätzlichen Cookies:

Name des Cookies: pll_language
Cookie zur Verarbeitung eines mehrsprachiges System. Inhalte auf de / en / fr - Ablaufdatum 1 Jahr - Nur bei sicheren Verbindungen zur gleichen Website

Name des Cookies: moove_gdpr_popup
Cookie zur Speicherung der Funktion der Cookieseinstellung - Ablaufdatum 1 Jahr - Nur bei Verbindungen zur gleichen Website