Hallo,

Im fertigen HTML code steht zwar rev="lightbox" und im template sind die beiden dateien slimbox.js und mootools.js via

html4strict:

<script src="plugins/mootools/mootools.js" type="text/javascript"/>
<script src="plugins/slimbox/js/slimbox.js" type="text/javascript"/>

eingebunden aber leider wird nur eine neue Seite geöffnet wenn ich auf ein Bild klicke. Was muss ich beachten damit Slimbox läuft?

Es sollte nicht rev="lightbox" sondern rel="lightbox" heissen.

Ja Sorry natürlich meinte ich rel="lightbox"

Also sind quasi alle Voraussetzungen für Slimbox geschaffen aber irgendwie wird nur ein neues Fenster geöffnet in dem dann das Bild erscheint. Ich bitte um Hilfe da ich selber keinen Ansatz für eine Lösung habe. Danke!

nein eben rel="lightbox"

Vielleicht hast du bei deinem Browser auch Javascript deaktiviert? Gibt es eine Live-Seite, die man sich anschauen könnte?

Hi,

Zitat:

Ja Sorry natürlich meinte ich rev="lightbox"

besser nicht, denn wie Andreas schon sagte, muss es rel="lightbox" heißen

Ansonsten gibt es da eigentlich keine weiteren Voraussetzungen, außer dass natürlich Javascript aktiviert sein muss und auch die slimbox.css im head eingebunden sein sollte...


cheers
Antipitch

Ja sicher schau doch mal auf http://testland.chaos-lordz.net
Unter anderem bei Galerien->GC|Galerie ...

Hui,

Zitat:

chaos-lordz

ist als Domain ganz gut gewählt, wenn ich mir den Quelltext so ansehe
Klick mal hier.

Außerdem dürften sich mootools jquery wohl nicht wirklich vertragen und ob die Imagerotator Extension slimbox nutzt bzw. sich damit verträgt weiß ich auch nicht...


cheers
Antipitch

Also ich sehe hier einige Probleme.

1. Kannst du vermutlich nicht jquery zusammen mit Mootools einsetzen.
2. Steht in deinem Template das slimbox.js vor dem mootools.js. Das sollte besser nicht sein.
3. Solltest du dir die Seite mal im Safari (Mac) anschauen. Bei mir kommt einfach eine weisse Seite! Irgendwas muss da ganz schön schief sein...

Huha danke für die vielen Hinweise
Zur Zeit entwickle ich auf Firefox unter Mac aber ich möchte die Safari User nicht außen vor lassen... ich werde mein Template nochmal überdenken und melde mich dann nochmal...

HI

eigenlich brauchst du am Template nichts ändern. Das geht auch so...

seaneble

Die Lösung war ganz einfach. Ich hatte den korrekten Code bereits oben gepostet.

es muss:

html4strict:

<script src="plugins/mootools/mootools.js" type="text/javascript"/>
<script src="plugins/slimbox/js/slimbox.js" type="text/javascript"/>

und NICHT:

html4strict:

<script src="plugins/slimbox/js/slimbox.js" type="text/javascript"/>
<script src="plugins/mootools/mootools.js" type="text/javascript"/>

heißen.
Ich hatte leider die zweite Zeile im Template stehen. Rausbekommen habe ich's via Firebug Extension und http://validator.w3.org

Vielen Dank

Nun gebe ich den Safari-Usern den Vorteil. Slimbox erscheint nur unter Safari (Windows + Mac) aber unter Firefox (Windows+Mac) & IE (Windows) nicht Was kann ich da machen?

Ich wäre dankbar über einen kleinen Denkanstoß.

Das Problem liegt noch immer an deiner Script-Einbindung. Du darfst keine verkürzte HTML-Variante verwenden. Also nicht

html4strict:

 
<script src="plugins/mootools/mootools.js" type="text/javascript"/>
<script src="plugins/slimbox/js/slimbox.js" type="text/javascript"/>
 

sondern

html4strict:

 
<script src="plugins/mootools/mootools.js" type="text/javascript"></script>
<script src="plugins/slimbox/js/slimbox.js" type="text/javascript"></script>
 

Dann klappts auch im Firefox.

(das mit der Reihenfolge habe ich übrigens in meinem vorherigen Beitrag schon erwähnt )

Danke das war die Lösung!