Bilder zoomen mit JavaScript
Vielleicht für den einen oder anderen hier mitlesenden Blogger oder Webmaster interessant: FancyZoom. FancyZoom zoomt die Bilder mittels JavaScript heran. Dies hat für mich den praktischen Nutzen, dass ich die hier eingeschränkte Größe der Screenshots sprengen kann. Klar hätte ich auf das Bild in Originalgröße verlinken können – aber das ist auch nicht so schick. Klickt einfach mal auf das Bild um zu testen:
Wie bindet man FancyZoom in eine vorhandenes WordPress ein (die Methode von Hand)? Ganz einfach – nachdem man das Paket heruntergeladen und entpackt hat kopiert man die beiden Ordner in den Standardordner eures Themes. Öffnet nun die Datei header.php und fügt folgenden Code ein.
Die automatische Methode: Benutzer eines WordPress-Blogs können auch dieses Plugin nutzen (Danke Max!).
In Zukunft werden alle Bilder (sofern ihr dies wollt) per schickem Zoom dargestellt. [via]

Artikel per RSS-Feed
Caschy bei Google+
Caschy bei Twitter
Caschy bei Facebook
Caschy bei XING
Caschy bei YouTube
44 Kommentare zu “Bilder zoomen mit JavaScript”
max sagt
oder gleich als WordPress-Plugin: http://granades.com/wp-fancyzoom-wordpress-plugin/
Kommentar am 23. Juli 2008 um 10:41 geschrieben.
caschy sagt
Danke Max, habe es mal oben zusätzlich eingefügt und den Tippgeber verlinkt =)
Kommentar am 23. Juli 2008 um 10:49 geschrieben.
mööp sagt
@Cashy
Setze das mal bitte bei deinen Screenshots ein … Auf den kleinen Bildern erkennt man immer (fast) nichts.
thx
Kommentar am 23. Juli 2008 um 10:53 geschrieben.
olli (
@muschisuppe) sagt
extrem hübsch!
Kommentar am 23. Juli 2008 um 10:55 geschrieben.
caschy sagt
@mööp: es ist bereits eingebaut. Allerdings dachte ich bisher, das relevante auf den Screens zu zeigen….
Kommentar am 23. Juli 2008 um 10:56 geschrieben.
olli (
@muschisuppe) sagt
Das Plugin ist scheiße! Stellt in meinem Theme nur auf der ersten Seite die Bilder mit dem JavaScript dar, sobald es ins Archiv geht, ist nichts mehr… Stuhl!
Kommentar am 23. Juli 2008 um 11:12 geschrieben.
caschy sagt
Olli, dann mach per Hand, hab ich hier auch drin.
Kommentar am 23. Juli 2008 um 11:16 geschrieben.
Bernd (
@http://blog.bernd-distler.net) sagt
Warum nicht Lightbox? Gibt es schon ewig und funktioniert genauso, wenn nicht sogar schöner.
Kommentar am 23. Juli 2008 um 11:29 geschrieben.
olli (
@muschisuppe) sagt
ich finde es besser weil schneller als lightbox, und ich werde es wohl per hand machen müssen
lightbox ist auch schon ein wenig ausgelutscht, finde ich
Kommentar am 23. Juli 2008 um 11:35 geschrieben.
souli sagt
Sehr schade, dass das Plugin nichts nützt, wenn man mit Greasemonkey unter Firefox Greased Lightbox verwendet. Da wird nämlich einfach das “große” Bild geladen… Aber ansonsten eine nette Idee.
Kommentar am 23. Juli 2008 um 11:38 geschrieben.
chevygnon sagt
Wollen wir! Ich zumindest finde die Funktion ausgesprochen praktisch und auch hübsch anzusehen.
@caschy
Danke für dein neues blau.
Kommentar am 23. Juli 2008 um 11:41 geschrieben.
Sascha (
@sn0opy) sagt
Nutze bei mir auf der Seite Highslide JS. Nachteil daran ist, dass man jeden Link mit einem onklick-Event ausstatten muss. Grundlegend aber schöner, da dieses “X” nicht angezeigt wird, wobei man das bei Fancyzoom sicherlich ausschalten lässt.
Kommentar am 23. Juli 2008 um 11:50 geschrieben.
Horst Scheuer (
@Horst_S) sagt
Solche Scripte gibt es ja wie Sand am Meer. Wobei das Script Slideshow das interessanteste ist.
Kommentar am 23. Juli 2008 um 11:57 geschrieben.
mööp sagt
@ Cashy
Wurde hier schon nen paar mal angesprochen, aber kannst du deine Kommentare mal bitte wieder hervorheben ^^
Kommentar am 23. Juli 2008 um 12:07 geschrieben.
caschy sagt
Ist schon seit über zwei Stunden geschehen – eben so die Anzeige der Uhrzeit. Oder ist dir das hellblau nicht grell genug?
Kommentar am 23. Juli 2008 um 12:14 geschrieben.
olli (
@muschisuppe) sagt
warum habe ich ein bug bei den pfaden der zoom-images? hast du das HTML.js auch noch händisch bearbeitet??
Kommentar am 23. Juli 2008 um 12:41 geschrieben.
caschy sagt
Ja, habe ich.
Kommentar am 23. Juli 2008 um 12:41 geschrieben.
mark sagt
Nettes Plugin.
wegen der Kommentare: Ganz schön blöd, dass CSS-Dateien erst bei Strg+F5 neugeladen werden.
Kommentar am 23. Juli 2008 um 12:53 geschrieben.
Sascha (
@sn0opy) sagt
@ Mark: Opera nutzen, dann tritt das Problem nicht auf
Kommentar am 23. Juli 2008 um 13:02 geschrieben.
mark sagt
@ Sascha: Aber ist doch blöd, wenn ich allen Besuchern meiner Seite sagen muss, sie sollen bitte Opera nutzen oder explizit die Seite neu laden, nur damit ein paar CSS-Änderungen angezeigt werden.
Kommentar am 23. Juli 2008 um 13:09 geschrieben.
Sascha (
@sn0opy) sagt
Ich denke Patrick meint folgenden Code:
meta http-equiv=”pragma” content=”no-cache”
Die Zeichen fürs öffnen und schließen des Meta-Tags müssen natürlich noch gesetzt werden.
Kommentar am 23. Juli 2008 um 13:56 geschrieben.
Bernd (
@http://blog.bernd-distler.net) sagt
Ob die CSS nun sofort geladen wird oder erst irgendwann, ist doch wurscht. Der Inhalt wird ja trotzdem korrekt dargestellt.
Bei mir wurde übrigens ohne neu laden Carstens Kommentar richtig in dem Türkis angezeigt. Ich hab einfach die Seite aufgerufen und alles war gut.
Kommentar am 23. Juli 2008 um 13:57 geschrieben.
mark sagt
Wäre ne Lösung
Am besten wäre es aber tzrotzdem Softwareseitig, wenn einfach überprüft würde, ob die CSS-Datei auf dem Server neueren Datums ist.
Kommentar am 23. Juli 2008 um 14:00 geschrieben.
Bernd (
@http://blog.bernd-distler.net) sagt
Keine Ahnung ob der Firefox das kann bzw. ob man das vielleicht sogar in der about:config festlegen kann, aber im Meta den Cache auszuschalten halte ich grundsätzlich für verkehrt. Denn dann werden ja auch ständig die ganzen Bilder neu geladen und das muss dann doch nicht sein, macht nur die Seite unnötig langsam.
Außerdem müsste es meta http-equiv=”cache-control” content=”no-cache” heißen, laut http://www.swishzone.de/client.....-6294.html
Mit Pragma beeinflusst man wohl nur den Proxy.
Kommentar am 23. Juli 2008 um 14:11 geschrieben.
Yanni sagt
Nettes Plugin, hat Jemand das WP-PLugin erfolgreich getestet? Die händische Version funzt auf meinem lokalen WP 2.6 nicht…
Kommentar am 23. Juli 2008 um 14:20 geschrieben.
caschy sagt
Muss händisch gehen. Haste es so eingebunden wie ich beschrieb?? Was geht nicht
Kommentar am 23. Juli 2008 um 14:22 geschrieben.
Yanni sagt
Genau so wie beschrieben, die zwei Ordner (images-global und js-global) in das Theme (./wp-content/themes/default-de)kopiert und den Text/Code in die header.php eingefügt.
Kommentar am 23. Juli 2008 um 14:33 geschrieben.
caschy sagt
Schau mal, ob die Pfade in der HTML.js stimmen
Kommentar am 23. Juli 2008 um 14:34 geschrieben.
Yanni sagt
???
Welche HTML.js?
Kommentar am 23. Juli 2008 um 14:44 geschrieben.
olli (
@muschisuppe) sagt
Ich hatte selbst bei Korrektur des Pfades Probleme mit der Darstellung bzw. der nicht erfolgreichen Darstellung, habe es wieder gekickt, leider…
Kommentar am 23. Juli 2008 um 15:53 geschrieben.
adolf sagt
> dann mach per Hand
wie isn das gemeint?
Kommentar am 23. Juli 2008 um 17:47 geschrieben.
Yanni sagt
@Adolf
“per Hand”==die erste beschriebene Methode
NICHT die mit dem fertigen Plugin…
…ich will jetzt nicht wissen was Du dir gedacht hast.
@Caschy
Habe mal ohne lokal zu testen das WP Plugin genommen, geht wohl, jetzt muss ich nur noch auf 2.6… ^^
Danke!
Kommentar am 24. Juli 2008 um 08:57 geschrieben.
Dennis sagt
Bei mir werden die Bilder im Zoom leider nicht richtig dargestellt. Weiß jemand Bescheid?
Man beachte den Rahmen um das Bild herum: Beispiel
Kommentar am 27. Juli 2008 um 20:45 geschrieben.
Martin sagt
Ich habe mal ein Tutorial für die “armen
” blogspot-User gebastelt, und zwar hier: http://dasgraueloft.blogspot.c.....-aber.html
Geht nämlich auch bei Blogger.com-Blogs
Mit ein paar Tricks, versteht sich.
Kommentar am 29. Juli 2008 um 08:23 geschrieben.
S!nky (
@sinky) sagt
Hatte neulich versucht manuell von Lightbox umzusteigen hat aber nicht so ganz geklapt. So werde ich heute mal das Plugin testen.
Kommentar am 8. August 2008 um 18:30 geschrieben.
Stefan sagt
Hallo,
welches Plugin verwendest Du eigentlich für die Bilder (sieht nach einer Lightbox-Variante aus) in Deinem Blog?
Viele Grüße,
Stefan
Kommentar am 11. August 2008 um 10:23 geschrieben.
caschy sagt
@Stefan: Steht doch im Beitrag, oder?
Kommentar am 11. August 2008 um 10:24 geschrieben.
Stefan sagt
Vielen Dank vom blinden Maulwurf!
Kommentar am 11. August 2008 um 11:09 geschrieben.
Pfirsich sagt
Der Link geht nicht.
Kommentar am 18. Dezember 2008 um 16:05 geschrieben.
GREW sagt
Nabend
Was muss ich GENAU bei der Version mit dem Plug-IN eingeben?
Ich habe es installiert und WP hats auch erkennt, nur weiß ich nicht was ich eingeben muss, um ein Bild zu “zoomen”
Kommentar am 18. Dezember 2008 um 18:17 geschrieben.
4 Trackback(s)