MagicZoom - Bilderzoom - das brauchen wir auch !

Hier können Probleme und alles andere in Deutscher Sprache gelöst werden.
Post Reply
corun
Regular
Posts: 117
Joined: Sun Jan 11, 2009 4:48 pm

MagicZoom - Bilderzoom - das brauchen wir auch !

Post by corun »

Morgen zusammen,

hatte mich vor einiger Zeit mal auf die Suche nach einer Möglichkeit gemacht um im Blog die Bilder zoombar zu machen, leider war das nicht so einfach wie gedacht weil es hier noch keine Plugins für gibt - jedenfalls keine die ich kenne....könnt mich aber gerne belehren :D

Da meine Freundin aber ausser dem Blog noch eine kleine Galerie betreibt, habe ich mich mal für diese auf die Suche gemacht und bin hier auch relativ schnell fündig geworden. Auf der Seite von http://www.magictoolbox.com gibt es Plugins für Gallery, oscommerce, joomla usw. die es einem im Handumdrehen erlauben "per Plugin" oder aber auch per Code "das habe ich aber nicht hinbekommen :oops:" Bilder zoombar zu machen.

Hier könnt ihr auch das mal angucken, einfach mit dem Mauszeiger über das Bild fahren:
http://www.bonnyworld.net/bonnyworld-ga ... e.jpg.html

Das es aber von den Entwicklern leider noch kein Plugin für Serendipity gibt, habe ich per Mail nachgefragt ob die sowas in Zukunft für Serendipity planen. Daraufhin habe ich dann die Antwort erhalten, dass dies momentan nicht geplant wäre, man mir aber gerne gegen ein gewisses Entgeld ein passendes Plugin für Serendipity anpassen könne.

Hier nochmal der Originaltext:

We have not considered a plugin for Serendipity before. You are the first person to request it.

We could build you plug-in if you purchase a few hours technical support. Otherwise, you could install Magic Zoom on Serendipity manually. It's been installed on over 50 different platforms without the use of plugins.

Prinzipiell geht es mir darum, das ihr, falls Interesse an so einem Plugin besteht einfach alle mal eine Mail an magictoolbox schickt und denen klar macht das ihr unbedingt auch so ein Plugin haben wollt. Dann machen die das bestimmt auch kostenlos 8)

thx&bye
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: MagicZoom - Bilderzoom - das brauchen wir auch !

Post by garvinhicking »

Hi!

Wie die Entwickler schreiben ist der Einbau auch ohne Plugin ein Klacks.

1. "HTML Kopf-Klotz" Ereignisplugin installieren (serendipity_event_page_nugget) und folgendes einsetzen:

Code: Select all

<script type="text/javascript" src="/bonnyworld-galerie/modules/magiczoom/core/mz-packed.js"></script>
<link type="text/css" href="/bonnyworld-galerie/modules/magiczoom/core/MagicZoom.css" rel="stylesheet" media="screen" /><link rel="stylesheet" type="text/css" href="/bonnyworld-galerie/main.php?g2_view=imageframe.CSS&g2_frames=shadow"/>
(Dabei natürlich die richtigen Pfade nutzen zum CSS und JS-Code vom magiczoom, und unbedibgt "Textformatierungen anwenden" deaktivieren, und diesen Code OHNE WYSWIYG editor einfügen!)

Auch sicherstellen, dass das s9y plugin "Links zählen" (serendipity_event_Trackexits) nicht installiert ist, sonst klappt magiczoom nicht.

2. Im Blogeintrag ein neues Bild über die s9y Mediendatenbank einbinden. Darauf achten dass "Ich will, dass das Bild hierhin linkt:" aktiivert ist, und als Linkziel das große Bild eingetragen wird.

3. Serendipity fügt dann den notwendigen <a><img></a> code ein. Damit jetzt Magiczoom weiß dass es ein bIld vergrößern soll, musst Du im eingefügt <a> tag nach dem 'class="serendipity_image_link"' suchen und es einfach änder in:

Code: Select all

<a ... class="serendipity_image_link magicZoom"...>
Fertig. So kann man jedes BIlld-Javascript einfügen wie auch imagebox, lightbox, thickbox, overlib, flowplayer usw. Alle reagieren einzig durch ein normal eingebundenes javascript im Kopf-Bereich und dann eine eigene CSS-Klasse im <a>-Tag. Extra Plugins dafür sind da eigentlich häufig totaler Overhead, und erleichtern halt nur die paar Klicks zur einmaligen Einbindung und dem hochladen vom jeweiligen Tool.

Grüße,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
kho
Regular
Posts: 342
Joined: Fri Mar 04, 2005 8:34 pm

Re: MagicZoom - Bilderzoom - das brauchen wir auch !

Post by kho »

Hallo Garvin,

das Zoomen ist schon ein feine Sache:-) Super auch, dass Du so schnell eine Möglichkeit gefunden hast, das in S9y zu integrieren!!

Spannend fände ich auch eine Funktion, die das Bild insgesamt zoomt, und zwar ohne Lightbox oder ähnliches.

Beispiel dafür:

http://www.hamburger-kunsthalle.de/start/start.html

Wenn Du da mal auf eine Ausstellung gehst, werden am rechten Rand Bilder angezeigt, mit einem Klick auf das Bild zoomt es grösser, weiterer Klick verkleinert es wieder...

Wäre so etwas auch mit überschaubaren Aufwänden möglich? Gibt es so etwas vielleicht schon, und ich habe es übersehen??

Vielen Dank und liebe Grüsse, kho

kho: Bilder, Geschichten, Begegnungen...
www.k-ho.de/blog
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: MagicZoom - Bilderzoom - das brauchen wir auch !

Post by garvinhicking »

Hi kho!

Also sowas ist ja schon so ähnlich wie Lightbox, genauso wie MagicZoom auch quasi wie Lightbox ist.

Das von denen ist allerdings ein megaübler hack mit mehrfach verschachtelten iframes etc. Sowas kriegt man nicht einfach eingebaut, nein.

Aber ich bin mir sehr sicher dass es etwas ähnliches auf Lightboxbasis gibt. Die Idee dahinter ist dieselbe.

Grüße,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
kho
Regular
Posts: 342
Joined: Fri Mar 04, 2005 8:34 pm

Re: MagicZoom - Bilderzoom - das brauchen wir auch !

Post by kho »

Hallo Garvin,

Danke für die Rückmeldung!!

Also, wenn das so unsauber ist, kommt das nicht in Betracht. Ich habe das natürlich nur von "aussen" gesehen und mir gefiel daran, dass es so einfach ausschaut:-), irgendwie dezenter als Lightbox...

Im lightbox-plugin gibt es so etwas aber nicht. Vielleicht wäre das etwas in zukünftigen Versionen...

Vielen Dank an Dich und einen schönen Sonntag!!

Liebe Grüsse, kho
kho: Bilder, Geschichten, Begegnungen...
www.k-ho.de/blog
corun
Regular
Posts: 117
Joined: Sun Jan 11, 2009 4:48 pm

Re: MagicZoom - Bilderzoom - das brauchen wir auch !

Post by corun »

Danke für die ausführliche Beschreibung :) Bei mir scheint die Einbindung aber nicht so recht zu klappten. sobald ich mit der Maus über das Bild fahre, tut sich gar nichts. Wenn ich einen Linksklick mache wird einfach nur die größere Bilddatei in einem neuen Fenster angezeigt.

Hier mal kurz mein Code den ich benutze:

Code im Beitrag:

<a class="serendipity_image_link magicZoom" href='/serendipity/uploads/corun/hautklar-aktiv-gross.jpg'><!-- s9ymdb:21 --><img class="serendipity_image_left" width="60" height="350" style="float: left; border: 0px; padding-left: 5px; padding-right: 5px;" src="/serendipity/uploads/corun/hautklar-aktiv.serendipityThumb.jpg" alt="" /></a>

Code des (serendipity_event_page_nugget)

<script type="text/javascript" src="/localhost/serendipity/magiczoom/mz-packed.js"></script>
<link type="text/css" href="/localhost/serendipity/magiczoom/MagicZoom.css" rel="stylesheet" media="screen" /><link rel="stylesheet" type="text/css" href="/bonnyworld-galerie/main.php?g2_view=imageframe.CSS&g2_frames=shadow"/>

Einstellungen des Plugins lauten
- Nugget Placement = HEAD tag of the page
- Choose language=all Languages
- Textformatierung(en) durchführen = nein
- Wo soll dieses Plugin angezeigt werden? = überall

rel="stylesheet" type="text/css" href="/bonnyworld-galerie/main.php?g2_view=imageframe.CSS&g2_frames=shadow"/>

Ich vermute das der Fehler hier liegt, nur wie muss ich den Code anpassen, denn dieser sollte ja eigentlich local verlinkt sein...

Habe es auch schon mit folgendem Code versucht, hat aber ebenfalls nicht funktioniert.

rel="stylesheet" type="text/css" href="/localhost/serendipity/main.php?g2_view=imageframe.CSS&g2_frames=shadow"/>


Wäre klasse wenn hier noch der helfende Hinweis käme 8)
Wünsche einen ruhigen Sonntag :wink:
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: MagicZoom - Bilderzoom - das brauchen wir auch !

Post by garvinhicking »

Hi corun!

also /localhost/ sieht als URL fürs javascript ziemlich falsch aus. :-)

Du musst dafür sorgen dass die referenzierten Javascripts auch existieren. Kannste mit Firebug im NET-Tab leicht prüfen obs einen 404 gibt.

Grüße
,Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
corun
Regular
Posts: 117
Joined: Sun Jan 11, 2009 4:48 pm

Re: MagicZoom - Bilderzoom - das brauchen wir auch !

Post by corun »

Nabend :D

ist jetzt vielleicht eine doofe Frage aber, wie sollte der richtige Pfad für javascript heissen ?
Benutze für den localen Server xampp, falls das noch wichtig sein sollte :wink:

P.S. Habe nur rudimentäre html Kennisse, daher hinke ich da etwas hinterher :oops: :mrgreen:
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: MagicZoom - Bilderzoom - das brauchen wir auch !

Post by garvinhicking »

Hi!

Als URL musst du das eintragen wo du magic zoom auch wirklich hingepackt hast.

Die URL muss so lauten, dass wenn Du sie selbst aufruft sie das javascript anzeigt.

z.b. http://localhost/serendipity/magiczoom/magiczoom.js - hängt aber natürlich davon ab wo du magiczoom hin installiert hast.

grüße,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
Post Reply