Lightbox in eigene Seite (mit php) einfügen.....

Scheunis · 19. Oktober 2010

Hallo z usammen,

wie ihr ja wisst, arbeite ich meine Seite ganz neu auf. Nun stehe ich seit 2 Tagen vor dem Problem, dass ich als Bildergalerie die Lightbox 2 in meine Seite integieren möchte. Leider klappt das gar nicht :cry: :oops:

Ich habe wirklich schon alle mir erdenklichen Einstellungen vorgenommen und hin und her probiert - es klappt einfach nicht.

Nun habe ich von php ja auch noch so gut wie keine Ahung (habe nur dank Dustins Hilfe (Nochmal vielen Dank für die Anleitung) ein Menue dank php eingefügt). Nun stellt sich mir die Frage, ob es evtl. daran liegen könnte

Ich mache bestimmt mal wieder einen ganz blöden Fehler, aber dennoch wäre es super lieb, wenn ihr mir wieder 'auf die Sprünge' helfen würdet.

Nachfolgend nun mal der Quelltext meiner Seite:

Vielleicht kennt sich ja jemand von euch mit der lightbox aus und kennt den Fallstrick an dem ich hängen könnte. Die Pfade habe ich in der css und js Datei jeweils angepasst und vor lauter Verzweiflung auch in allen mögliche Variationen ausprobiert - es kam zwar schon mal das entsprechende Foto - aber nie der schöne Effelt der Lightbox.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<title>Chihuahua-Treff</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link href="design.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/prototype.js"></script>
Hier habe ich die drei Zeilen Script und die eine link Zeite eingefügt.
</head>
<body>

<div id="kopfbereich">
<p>Chihuahua- und Kleinhundetreff</p>

</div>

<h2>Hier nun Bilder unserer Treffen: </h2>
(c) by G-S-Fotodesign

<h3>Wir wünschen viel Spaß beim Ansehen der Bilder .....</h3>
Und hier sollte dann der Link zu den Bildern sein......
Na, auch Lust bekommen?
Einfach unter 'Aktuelles Treffen' nachschauen, wo das nächste Treffen stattfindet.

<div class="box-breit-b">Wir freuen uns über jeden neuen Vier- und Zweibeiner! </div>

</div>

</body>
</html>

Ich schon jetzt mal vielen herzlichen Dank für eure Hilfe. Ich raufe mir hier echt schon die Haare.....

Lieben Gruß

Andrea

Basi · 19. Oktober 2010

1. Bitte verpacke deinen Code so:

Code

[code]
    CODE

[/code]

2. Die Lightbox hat mit PHP überhaupt nichts zu tun, und selbst wenn wäre sie ja an einer ganz anderen Stelle, leider habe ich von dem Teil überhaupt keine Ahnung da ich mir solche Sachen selber baue :oops:

Scheunis · 19. Oktober 2010

Hallo,

ok - sorry, demnächst werde ich das dann

Code

so

einstellen....

Ist das dann hier auch noch falsch eingestellt? Auch das war keine Absicht ....

Ich bin leider nicht in der glücklichen Lage, mir so etwas selber zu bauen. Sonst würde ich das bestimmt auch machen. Aus dem Grunde wollte ich auf die Lightbox zurück greifen und eigentlich soll das ja sogar ganz leicht sein....

Nun, wenn ich hier ganz falsch bin, gucke ich mal ob ich ein Forum direkt über die Lightbox finde.

Dennoch danke.

Andrea

Basi · 19. Oktober 2010

Ich wollte dich ja nicht vergraulen,

es ist nur so das das recht schwer ist zu helfen wenn man die Lightbox nicht kennt und dann auch keinen Code hat,

da kann man ja schwer helfen

Damals als ich das Ding einbauen wollte hats auch nicht geklappt, da hab ich mir des selbst gebaut

Sarkkan · 19. Oktober 2010

Hast du dir mal die Lightbox-Seite zu angeschaut? (=
Naja, ist eigentlich ganz einfach

Das Grundgerüst für die Lightbox sieht so aus:

Code

<a href="bilder/Eingang.jpg" rel="lightbox[roadtrip]" title="Unser Eingangsbereich">
    <img src="./bilder/Eingang.jpg" height="172" width="210" alt="Unser Eingangsbereich" />
</a>

Das Ziel des Linkes soll die Bilddatei sein, zudem bekommt der Link ein rel="#"-Attribut den Wert "lightbox", damit das Programm weiß, dass es hier herum fummeln darf^^ möchtest du, dass man die Bilder quasi durch klicken kann, ohne dass das kleine Fenstern immer groß und klein wird, musst du stattdessen den Wert "lightbox[roadtrip]" angeben (=
Dazwischen kommt dann einfach das (verkleinerte) Bild Fertig (=

Wo wir gerade im PHP bereich sind^^
Was du mit php machen könntest wäre, dass du z.B. die Bildergalerie sich automatisch generieren lassen würdest

Edit:

Zitat

Vielleicht kennt sich ja jemand von euch mit der lightbox aus und kennt den Fallstrick an dem ich hängen könnte. Die Pfade habe ich in der css und js Datei jeweils angepasst und vor lauter Verzweiflung auch in allen mögliche Variationen ausprobiert - es kam zwar schon mal das entsprechende Foto - aber nie der schöne Effelt der Lightbox.

Was meinst du damit? Du musst in den Dateien, die du gedownloadet hast nichts ändern^^
Sry, wenn ich das jetzt falsch verstanden haben sollte, du musst nur die 4 Dateien Einbinden (=
(alo mit <link /> und <script></script>)

Basi · 19. Oktober 2010

Zitat von "Sarkkan"

Wo wir gerade im PHP bereich sind^^
Was du mit php machen könntest wäre, dass du z.B. die Bildergalerie sich automatisch generieren lassen würdest)

Das würde ich dir sogar Programmieren

Warte ich habe sogar sowas rumliegen, da müssten wir die generierte Seite ein wenig anpassen und schon wär das kombiniert^^

Axel · 19. Oktober 2010

Hi - schon meine Videos gesehen zum Lightbox integrieren?

Bildergalerie / Fotogalerie erstellen mit HTML und Lightbox 2 (in 6 Teilen)

<a class="postlink" href="http://www.youtube.com/watch?v=gyWa1vwdNrw">

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.