Galerie mit versteckten Bildern und automatischen Slider

Ritti1989 · 07. Februar 2013 23:04

Hallo Leute,

ich habe aktuell bei der Seitenerstellung ein Problem...

Ich möchte auf Content-Seiten 3 Bilder für den Benutzer Sichtbar anzeigen - 17 weitere werden ohne Bild nur verlinkt. Die Links haben alle das Tag rel="page".

Wenn ich nun die Bilder anklicke, öffnen Sie sich nicht in der Lightbox, obwohl ich diese auf der Seite lade.
Siehe hier: http://nebenjob-perfekt.de/de/angebote/angeltouren/

Aber mit hiermit noch nicht genug. Die Bilder sollen als Diashow durchgescrollt werden. (alle 20).
Weiterhin soll auch in der Galerie die automatische Diashow beim klick auf ein Bild starten.

Wieso öffnet er die Bilder in der Galerie z.b. http://nebenjob-perfekt.de/gallery/Angeltouren/62/ in der Shadowbox, jedoch nicht auf meiner Seite? Was muss ich tun, damit diese Funktionen alle laufen?

beste Grüße und vielen Dank
Toni

Beitrag geändert von Ritti1989 (07. Februar 2013 23:09)

Klenkes · 07. Februar 2013 00:08

1. Das erste Bild hat im Link rel=lightbox. Die folgenden haben dann rel=page
2. jquery.js wird bei dir NACH lightbox.js geladen. jquery sollte zuerst kommen, dann lightbox.js

Abhängig von deiner Seitentemplate und Gallerytemplate solltest du die Reihenfolge ändern.

Auf z.B. der Seite Wandertouren wird gar kein lightbox.js eingebunden!

Beitrag geändert von Klenkes (07. Februar 2013 00:12)

Ritti1989 · 07. Februar 2013 07:56

Hey Klenkes,

danke für deine schnelle Antwort. Wenn ich das Lightbox-Script weiter runter setze und den Bildern rel="lightbox" zuweise, dann klappts smile danke erstmal smile

Ritti1989 · 07. Februar 2013 11:58

Hallo - jetzt funktioniert garnichts mehr.. habe zwar die Daten wie du gesagt hast angepasst, jedoch funktioniert die Graue Infobox (siehe Seite von oben) nicht mehr. Ich kann Sie nicht öffnen, obwohl Jquery eingebunden ist.

Und jetz?

bg
Toni

NaN · 07. Februar 2013 12:15

[...] obwohl Jquery eingebunden ist.

Ist es das wirklich?
Wirf mal einen Blick in die Fehlerkonsole:

ReferenceError: jQuery is not defined

Laut Quelltext rufst Du jQuery auf, bevor es geladen wird:

Hier klicken, um den Code zum Kopieren zu markieren

<head>
...
<script type="text/javascript" language="javascript">
jQuery(function($){	// <-- Das ist der Fehler! jQuery kommt erst sehr viel später...
	$("#button").click(function(){
		if($("#informations").height() == 380){
			$("#informations").animate({
				height: "100px"
			}, 1500 );
			$("#more").hide();
			$("#more-2").hide();
			$("#more-3").hide();
			$("#button").html("mehr Informationen...");
		}else{
			$("#informations").animate({
				height: "380px"
			}, 1500 );
			$("#button").html("weniger Informationen...");
			$("#more").show();
			$("#more-2").show();
			$("#more-3").show();
		}
	});
});
</script> 

<meta ...>
...

<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script> // <-- Hier wird jQuery erst geladen!
<script type="text/javascript" src="/js/supersized.core.3.2.1.js"></script>
<script type="text/javascript">
	jQuery(function($){
		$.supersized({
			slides : [ {image : '/images/background.jpg', title : 'Camp Micha'} ]
		});
	});
</script>
<link rel="stylesheet" type="text/css" href="modules/Gallery/templates/lightbox/lightbox.css" />
<script type="text/javascript" src="modules/Gallery/templates/lightbox/lightbox.js"></script> 
...
</head>

Ritti1989 · 07. Februar 2013 14:17

Hi NaN,
danke.. Das hab ich geändert - die JQuery wird wieder am Anfang inkludiert. Die bilder öffnet es dennoch nicht in meiner Lightbox mit Diashow-Funktion....

bg
Toni

NaN · 07. Februar 2013 14:54

Welche Bilder sollen das sein?
Die mit rel="page" ?

Ritti1989 · 07. Februar 2013 15:01

jap.. genau die...

NaN · 07. Februar 2013 16:13

Ich dachte, das hattest Du gelöst, indem Du stattdessen rel="lightbox" verwendest?

Klenkes · 07. Februar 2013 16:39

Wo und wie wird denn die Lightboxfunktion eingebunden?
(Mir ist die Arbeitsweise von Lightbox nicht mehr so präsent)
Es wird scheinbar gar nicht ausgeführt, weil am Dokumentende die ganzen erzeugten Container fehlen.

War das heute morgen auch schon jquery 1.8.3?
Wenn ich mich richtig erinnere gab es mal Probleme mit jquery 1.8.3 und mehreren Scripts.

Ritti1989 · 07. Februar 2013 16:52

ja das war heute morgen auch jquery 1.8.3.
Hab die Lightbox aus dem Footer bzw. der Toolbox rausgenommen (deaktiviert). Sollte es nur daran liegen?

EDIT: Hab Autolightbox in der Toolbox wieder aktiviert. Leider ohne Erfolg. Ich möchte eine leicht modifizierte Lightbox vernwenden die unter http://nebenjob-perfekt.de/js/jquery.lightbox-0.5.js zu finden ist

Beitrag geändert von Ritti1989 (07. Februar 2013 17:07)

Klenkes · 07. Februar 2013 18:04

Okay. Ich sehe jetzt hast du zusätzlich die Autolightbox aus der Toolbox mit eingebunden.
Doch die Autolightbox hört auf Links a.autolighbox mit rel=page
rel=page hast du, aber den Links fehlt die class=autolightbox.

Also entweder den Links class="autolightbox" hinzufügen, oder aus der Toolbox das a.autolightbox raus nehmen. Weis aber grade auch nicht, wie das mit der Toolbox funktioniert.

Ritti1989 · 07. Februar 2013 19:50

Jetzt funktionieren die Bilder in den Beiträgen alle wieder. Wenn ich jedoch ein Bild in der Galerie (http://nebenjob-perfekt.de/gallery/Angeltouren/62/) anklicke dann wird es zwar geöffnet, jedoch hört die Slideshow nicht mehr auf zu laufen. Auch nicht, wenn ich auf Stop klicke... mad

Klenkes · 07. Februar 2013 21:44

Ritti1989 schrieb:

Jetzt funktionieren die Bilder in den Beiträgen alle wieder. Wenn ich jedoch ein Bild in der Galerie (http://nebenjob-perfekt.de/gallery/Angeltouren/62/) anklicke dann wird es zwar geöffnet, jedoch hört die Slideshow nicht mehr auf zu laufen. Auch nicht, wenn ich auf Stop klicke...

Bei mir funktioniert der Schließen Button schon.
Trotzdem läuft das alles seltsam zappelig, vermutlich weil die ganzen Lightboxdateien zweimal eingebunden sind.
Bei Angeltouren und der Galerieseite teilweise 2x im HEAD CSS und 1x am Dokumentende, und durch die Toolbox nochmal jquery und die Lightbox CSS.

Ich weiß, es ist das alte Problem, binde ich alles mit der Gallerytemplate ein, was mache ich dann dort, wo es keine Gallery hat?
Da deine Seite ja sowieso sehr viele Bilder hat, würde ich alle Lightboxdateien(UND jquery) über die Seitentemplate 1 einziges Mal einbinden, und dafür aus der Gallerytemplate und Toolbox raus nehmen.
Dann müsstest du dich entscheiden wie du die Lightbox aufrufen willst.
Dann müssten alle Bilder eine a.lighbox oder rel=page haben, da die Funktion ja für alle gelten muss.

Das Doppeltladen kann nicht gut gehen!

Forum für CMS/made simple

#1 07. Februar 2013 23:04

Galerie mit versteckten Bildern und automatischen Slider

#2 07. Februar 2013 00:08

Re: Galerie mit versteckten Bildern und automatischen Slider

#3 07. Februar 2013 07:56

Re: Galerie mit versteckten Bildern und automatischen Slider

#4 07. Februar 2013 11:58

Re: Galerie mit versteckten Bildern und automatischen Slider

#5 07. Februar 2013 12:15

Re: Galerie mit versteckten Bildern und automatischen Slider

#6 07. Februar 2013 14:17

Re: Galerie mit versteckten Bildern und automatischen Slider

#7 07. Februar 2013 14:54

Re: Galerie mit versteckten Bildern und automatischen Slider

#8 07. Februar 2013 15:01

Re: Galerie mit versteckten Bildern und automatischen Slider

#9 07. Februar 2013 16:13

Re: Galerie mit versteckten Bildern und automatischen Slider

#10 07. Februar 2013 16:39

Re: Galerie mit versteckten Bildern und automatischen Slider

#11 07. Februar 2013 16:52

Re: Galerie mit versteckten Bildern und automatischen Slider

#12 07. Februar 2013 18:04

Re: Galerie mit versteckten Bildern und automatischen Slider

#13 07. Februar 2013 19:50

Re: Galerie mit versteckten Bildern und automatischen Slider

#14 07. Februar 2013 21:44

Re: Galerie mit versteckten Bildern und automatischen Slider

Fußzeile des Forums