Alternative für Lightbox 2: Die iBox !

[Gast]

Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername und Passwort

[breakdancer]

Hallo zusammen,

auf eine kurze Zwischenbemerkung meinerseits zur Lightbox 2 in einem anderen Thread habe ich jetzt schon 4 Rückfragen per PM bekommen...

Also nochmal in Kürze: Auf meiner Seite läuft als Alternative zur Lightbox 2 das kleine Script "Ibox", dass Ihr hier herunterladen könnt:

http://www.ibegin.com/labs/ibox/

Es ist leicht und vielseitig an eure Bedürfnisse anzupassen (siehe Ibox-Website) und kann sowohl Bilder, als auch HTML-Inhalte, YouTube-Videos, Forms und was auch immer beeinhalten.

Die Installation ist denkbar einfach: Die im Download beeinhalteten Dateien ausser dem Readme und Tests-Ordner in einen Ordner "ibox" auf den Root im Webspace kopieren (oder wo auch immer, nur müsst ihr dann beim nächsten Schritt noch den Pfad zum Script anpassen.

Zwei Codezeilen nehmen, diese in die index.html eures Themes oder an ähnlicher Stelle im Headerbereich eurer Seite einfügen, Pfad eventuell anpassen, fertig.

Zu sehen ist das Script im Einsatz auf meiner Seite hier: http://www.kirmes-und-volksfest.de/News-sid-Bartholomaeusmarkt-und-Blumenkorso-Bad-Ems-180.html Klickt mal auf das erste Bild im Artikel rechts, das Bild mit dem Virus-Logo.

Ich habe bei mir trotz Einsatz diverser anderer JavaScripts, keinerlei Probleme mit dem Einsatz, getestet in IE 6, IE 7, FF, Opera...

Liebe Grüße

Markus

[Baldyman]

Danke Markus 
Werd mich gleich mal daran versuchen.


//EDIT
Dumme Fragen, aber wo hau ich die Zeilen hin, wenn ich keine index.html in meinem Theme habe 

[breakdancer]

Hi Baldyman,

es geht ja darum, dass das Script beim Seitenload mitgeladen wird.

Würde die my_header.php empfehlen...

Liebe Grüße

Markus

[emet1]

Eine gute und von der Dateigröße interessante Alternative ist auch die Slimbox und funzt mit allen Browsern.

[Liu-Kang]

Also ich weiß nicht...
bei mir wil das nicht laufen.

Ich habe die Dateien der ibox in den Ordner ibox im Rootverzeichnis kopiert und diese Zeilen

Code: [Select]  

<script type="text/javascript" src="ibox/ibox.js"></script>
<script type="text/javascript">iBox.setPath('ibox/');</script>
<script type="text/javascript" src="ibox/ibox.js"></script>
<script type="text/javascript">
iBox.setPath('ibox/');
iBox.padding = 50;
iBox.inherit_frames = false;
</script>

in die my_header.php gegeben.
Laut Beschreibung war das dann alles...

Mit dem Testlink

Code: [Select]  

<a href=\"images/banner1.gif\" rel=\"ibox\"><img src=\"images/banner1.gif\" border=\"0\"></a>

habe ich es versucht aber es geht nicht...

By the way... normalerweise müsste das doch dann auch mit der Coopermine funktionieren wenn man den Link dementsprechend abändert... oder liege ich da falsch?

[breakdancer]

Hi,

grundsätzlich liegst Du nicht falsch, man müsste da aber sicher einiges innerhalb des Coppermine-Cores ändern, dass jedes einzelne Bild die iBox-Attribute erhält. Das traue ich mir bei weitem nicht zu, ausserdem ist bei so etwas immer problematisch, dass bei Updates Deine Änderungen möglicherweise wieder rausfliegen und Du alles neu einbasteln musst. Die Zeit bleibt halt nicht stehen.

Bitte beschreib mal Dein "es geht nicht" ein bisschen genauer. Siehst Du ein Bild ? Wenn ja, ändert sich der Mauszeiger schon beim drüberfahren ? Wenn ja, was passiert beim Klicken ? So ein "es geht nicht" ist schlecht nachzuvollziehen.

Liebe Grüße

Markus

[Liu-Kang]

Hier das "es geht nicht" genauer :

Wenn ich den Link... Beispielsweise so eingebe:

Code: [Select]  

<a href=\"http://www.gothiccommunity.de/images/banner1.gif\" rel=\"ibox\"><img src=http://www.gothiccommunity.de/images/banner1.gif\"></a>

eingebe, dann kann ich zwar das Bild anklicken aber es erscheint einfach in einem neuen Tab und nicht in der Box.
Oder habe ich da etwas falsch verstanden und muß da noch ein weiteres kleines Bild von dem großen haben?

[breakdancer]

Was treibst Du denn da auch für einen Unsinn mit dem armen Stückchen Code ?

 

Mit dem von Dir angegebenen Code kann das auch nicht funktionieren, da kriege ich auch auf meiner Seite kein Bild gezaubert. Der Code ist total zerhackt, vermutlich durch den Editor, weil Du irgendwas bei der Eingabe falsch machst... Schau mal wo da überall Backslashes stehen, so kanns net gehen...

Du musst Dich schon an die ibox-Schreibweise halten und die ist nunmal die Folgende:

Code: [Select]  

<a href="http://www.gothiccommunity.de/images/banner1.gif"  rel="ibox" title="Das ist das Image von Liu-Kang"><img
src="http://www.gothiccommunity.de/images/banner1.gif" alt=""/></a>

So habe ich auch auf meiner Seite das Bild von Deiner Seite testweise darstellen können. Funzt !

Liebe Grüße

Markus

P. S. Du brauchst nur ein Bild und kannst es über den Editor dann verkleinern (Bildeigenschaften). Sinn der Sache war ja ursprünglich, die Ladezeit der Seiten zu verkürzen, indem man zunächst nur ein kleines Bild laden und später durch den Klick das große Bild nachladen läßt. Aber mir ist das auch zu umständlich.

[Liu-Kang]

Naja... diese \ sind auch nur dazu da, weil ich das in ein Modul einbauen wollte, deswegen.
Muß das title und alt Zeug sein?
Wahrscheinlich macht es das aus...
Bin ja kein soooo sauberer Coder aber sollte es mal werden, oder ?

[Liu-Kang]

Also entweder bin ich zu blöd das zum laufen zu bringen oder ich habe von Grundauf was falsch gemacht.
Ich habe jetzt das hier mal in die theme.php gepastet:

<a href="http://www.gothiccommunity.de/images/banner1.gif"  rel="ibox" title="Das ist das Image von Liu-Kang"><img
src="http://www.gothiccommunity.de/images/banner1.gif" alt=""/></a>

und alles was passiert ist, daß sich ein neuer Tab öffnet mit dem Bild drin. Nix Lightbox... 

[breakdancer]

Hi,

hastes denn mal in einem ganz normalen News-Artikel ausprobiert, ob es da funktioniert ?

Einfach Registerkarte HTML auswählen, Code da rein und gucken, was passiert. Bevor wir damit anfangen, jetzt Deine theme.php auseinanderzunehmen sollte uns das schonmal Sicherheit geben, dass da nicht was anderes Probleme macht.

Welche Javascripts hast Du denn noch zusätzlich laufen ?

Grüße

Markus

[Liu-Kang]

Jup! Habe ich schon mal damit probiert... klappt nicht.
Ich habe jetzt mal die my_header.php beigefügt... da sind ja alle Scripts mit drin.