Informationen für CMS/made simple / Gallery und Cloud-Zoom

Re: Gallery und Cloud-Zoom

dummy@example.com (Klenkes) — Wed, 06 Nov 2013 11:45:49 +0000

nicmare schrieb:

ist dann wohl geschmackssache!

Das ist wahr!

So muss man in einer Gallerytemplate den ganzen Wust 2x durchlaufen, um per counter die Einträge im jQuerycall und für die Thumbs zu erstellen.
Bis auf die zusätzlichen Klassen(.gallery1) ist wenigstens das Markup der Thumbs damit sauber.

Re: Gallery und Cloud-Zoom

dummy@example.com (nicmare) — Tue, 05 Nov 2013 20:45:37 +0000

vom entwickler habe ich via supportticket diese antwort erhalten:

ist dann wohl geschmackssache!

Re: Gallery und Cloud-Zoom

dummy@example.com (nicmare) — Tue, 05 Nov 2013 20:32:21 +0000

uff. ich mag diese data attribute einfach nicht. so siehts jetzt bei mir aus:

[== code ==]
jQuery(document).ready(function($) {
	$('#cloudzoom').CloudZoom({
			zoomPosition: 'inside',
			captionSource: '',
			easing: 10,
			zoomOffsetX: 0
	}); 
	var cloudZoom = $('#cloudzoom').data('CloudZoom');
	$('#cloudzoom').bind('click',function(){
            cloudZoom.closeZoom();
            alert("open");
            return false;
        });
        $('a.cloudzoom-gallery').bind('click',function(){
        	var smallimage = $(this).attr("rel");
        	var largeimage = $(this).attr("href");
        	cloudZoom.loadImage(smallimage,largeimage);
            return false;
        });
});

und der link:

grundsätzlich funzt das so erstmal. aber komtm mir immernoch irgendwie umständlich vor.

Re: Gallery und Cloud-Zoom

dummy@example.com (Klenkes) — Tue, 05 Nov 2013 19:21:25 +0000

Stimmt.
Mit der Quickstartmethode funktioniert es immer.

Prinzipiell hat es bei mir nun auch funktioniert, aber mit der unschönen Methode, die Parameter alle in den Link der Gallerybilder zu schreiben. Ich hasse diese redundanten Notierungen...

Siehe so:

Allerdings klappt es dort nicht mehr mit dem zoomOffsetX. Das Zoombild ist stets nach rechts verschoben.
Nein. Es klappt mit dem Offset! Ich hatte INT Werte in ""

Hauptsache der Parameter "useZoom":"#cloudZoom", zeigt auf die ID des ersten Bildes.

Hier mein ganzer Quelltext mit den Bildern aus dem Cloudzoombeispiel.

Re: Gallery und Cloud-Zoom

dummy@example.com (nicmare) — Tue, 05 Nov 2013 17:39:17 +0000

Ja, deren Beispiel verwendet die hauseigene quickStart() Methode. Die ist aber für meine Umgebung ungeeignet. Daher der traditionelle jQuery Aufruf. Und gerade in diesem Zusammenhang gibt es kein Beispiel mit einer Galerie.

Re: Gallery und Cloud-Zoom

dummy@example.com (Klenkes) — Tue, 05 Nov 2013 16:21:56 +0000

Autsch! Da gibt es schon Version 3.
Das muss ich mir die Tage genauer anschauen.

Ein erster Blick auf die Beispiele zeigt, dass die keine Links um die Gallerybilder verwenden, und den Images alle Parameter mitgeben. Auf deren Website schon!

Ich werd's morgen mal genauer anschauen.

Re: Gallery und Cloud-Zoom

dummy@example.com (nicmare) — Tue, 05 Nov 2013 15:28:56 +0000

irgendwie klappt das mit der gallery nicht mehr. Du hast es ja wie in version 1 gelöst: http://www.professorcloud.com/mainsite/ … m-test.htm

Aber ich benutze nun version 3. Und da bekomme ich es partout nicht zum laufen! Also Cloudzoom geht. Aber mir gelingt es nicht, mit Links andere Fotos für Cloudzoom zu laden.

Ich finde dazu auch nichts in der Dokumentation. Ich hasse sowas!
So starte ich Cloudzoom:

Das Klappt soweit. Aber bei der Gallery hörts auf:

Hat das schon einmal jemand jüngst umgesetzt? Bekomme auch keine JS Fehler oder dergleichen…

Re: Gallery und Cloud-Zoom

dummy@example.com (rolwalca) — Thu, 09 Feb 2012 10:15:31 +0000

hallo Klenkes,

Super Anleitung. Hat tatsächlich sofort geklappt. Sehr schön!

Daumen hoch!

Re: Gallery und Cloud-Zoom

dummy@example.com (noober) — Thu, 03 Nov 2011 08:30:52 +0000

das werde ich demnächst auch mal in eine Seite einarbeiten, danke fürs diese Beschreibung.

Re: Gallery und Cloud-Zoom

dummy@example.com (Hmelk) — Tue, 30 Aug 2011 11:31:36 +0000

Jetzt geht es, danke!

Hmelk

Re: Gallery und Cloud-Zoom

dummy@example.com (Klenkes) — Thu, 04 Aug 2011 09:01:45 +0000

Hmelk schrieb:

Falls Du noch eine Idee zum Kommentar hast, der bei jedem Bild gleich ist...

Scheint so als hätte Professor Cloud das gar nie vorgesehen...

Du must 2 Dinge tun.

1) In die cloud-zoom.js Datei muss folgende Zeile rein: (ganz unten Zeile ca. 368)

// Change the small image to point to the new small image.
$('#' + data.useZoom + ' img').attr('src', event.data.data('relOpts').smallImage);

// DIESE ZEILE IST NEU!!! Change the title to the new image title
$('#' + data.useZoom + ' img').attr('title', event.data.attr('title'));

// Init a new zoom with the new images.                
$('#' + event.data.data('relOpts').useZoom).CloudZoom();
return false;

2) Falls nicht schon drin, muss title="{$image->comment}" oder was auch immer in die Links der Vorschaubilder.
(ist normalerweise aber schon drin.)

Damit klappt's bei mir.

Re: Gallery und Cloud-Zoom

dummy@example.com (Klenkes) — Wed, 03 Aug 2011 19:35:46 +0000

Hmelk schrieb:

Falls Du noch eine Idee zum Kommentar hast, der bei jedem Bild gleich ist...

Ich hab's hinbekommen.
Muss es aber noch testen und poste es dann hier.

Re: Gallery und Cloud-Zoom

dummy@example.com (Hmelk) — Wed, 03 Aug 2011 10:57:52 +0000

SUPER, das klappt. THANXS!

Falls Du noch eine Idee zum Kommentar hast, der bei jedem Bild gleich ist...

Gruß

Hmelk

Re: Gallery und Cloud-Zoom

dummy@example.com (Klenkes) — Tue, 02 Aug 2011 15:47:11 +0000

Zum Problem mehrerer Galerien pro Seite:
Du must in der Template statt id='zoom1' der zweiten Galerie id='zoom2' mitgeben.
Das ist alles.

Besser ist natürlich:
Du hast bei Gallery Zugriff auf die galleryID. Diese würde ich in der Template so id='zoom{$galleryid}' angeben. Dann hat jede Galerie seine eigene ID und laüft separat.

Re: Gallery und Cloud-Zoom

dummy@example.com (Klenkes) — Tue, 02 Aug 2011 14:16:05 +0000

Ähem... da machst du natürlich nichts falsch. Das ist bei meinem Berispiel so.
Es ist aber durchaus möglich mehrere Zoom-Galerien pro Seite zu haben. Dann muss man sie einzeln initialisieren. Aus dem Kopf weiß ich's grade nicht, aber auf der Zoom-Website kann man es sehen.

Die Sache mit dem Titel ist komisch... Der Kunde, bei dem ich das gerade eingebaut habe, wollte keine Titel. Deshalb fiel mir wahrscheinlich nichts auf.

Ich schau mal, so bald ich Zeit habe.