Tutorial HTML, CSS u. PHP - Forum

von **stylegangsta** » Donnerstag 11. November 2010, 14:27

Ich schätze, es wird diese Thema schon geben, aber hab es leider nicht gefunden.
Ich habe die Lightbox anweisungen genau wie in youtube befolgt. Aber esfunktioniert auf der Homepage nicht. Der vor und zurück button ist für mich irrelevant. Es reicht mir, wenn der Rhamen erscheint, aber das passiert. Die ornder der Lightbox sind auf dem Hauptpfad im Server drin.So sieht mein Code aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http:/www.polttech.de/js/prototype.js"></script>
<script type="text/javascript" src="http:/www.polttech.de/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http:/www.polttech.de/js/lightbox.js"></script>
<link rel="stylesheet" href="http:/www.polttech.de/css/lightbox.css" type="text/css" media="screen" />

</head>

<body>
<a href="http://www.polttech.de/koffer_gross.jpg" rel"lightbox" >
<img src="http://www.polttech.de/koffer_klein.jpg" width"150" height="150"/>
</a>
<a href="http://www.polttech.de/dvd_gross.jpg" rel"lightbox" >
<img src="http://www.polttech.de/dvd_klein.jpg" width"150" height="150"/>
</a>

</body>
</html>

Und das ist die testseite: http://www.polttech.de/seite2.html
Vielen für die Hilfe im Voraus

von **Sarkkan** » Donnerstag 11. November 2010, 14:43

Hey, ich hab den Fehler (=

stylegangsta hat geschrieben:
Code: Alles auswählen
<body> <a href="http://www.polttech.de/koffer_gross.jpg" rel"lightbox" > <img src="http://www.polttech.de/koffer_klein.jpg" width"150" height="150"/> </a> <a href="http://www.polttech.de/dvd_gross.jpg" rel"lightbox" > <img src="http://www.polttech.de/dvd_klein.jpg" width"150" height="150"/> </a> </body> </html>

In deinem Code steht rel"lightbox", es muss aber rel="lightbox" heißen!

Lg
Sarkkan

PS:Solltest du hier noch mal Code posten, so verwende bitte die Codefunktion dafür:

Code: Alles auswählen: [code]Mein Code, kommt immer zwischen diesen beiden Dinger, damit er so schön Preformatiert aussieht und man das direkt als Code identifizieren kann (=[/code]

von **stylegangsta** » Donnerstag 11. November 2010, 15:00

Hey supi, vielen Dank dafür. Was so eine kleineigkeit beweirken kann.

Aber das Problem. Es geht immer noch nit

guck mal bitte: http://www.polttech.de/seite2.html

Vielen dank im Voraus

von **Sarkkan** » Donnerstag 11. November 2010, 15:06

Öhm.. also zum einen sieht dein Code gerade wie folgt aus:

Code: Alles auswählen: <p><a href="http://www.polttech.de/koffer_gross.jpg" rel="lightbox" > <img src="http://www.polttech.de/koffer_klein.jpg" width"150" height="150"/></a></p> <p><a href="http://www.polttech.de/dvd_gross.jpg" rel="lightbox" ><img src="http://www.polttech.de/dvd_klein.jpg" width"150" height="150"/></a><a href="http://www.polttech.de/koffer_gross.jpg" rel"lightbox" > </a></p>

Es fehlen bei allen beiden width-Angaben das Gleichzeichen^^
und auch beim unteren hast du es noch nicht zu rel="lightbox" umgeändert ;(

Öhm.. versuch es nach dem du das gemacht hast bitte noch mal, ob es jetzt klappt (:
Wenn nicht, dann versucht mal bitte folgendes (wäre das einzige, wo ich sagen würde, dass es daran evtl. liegen könnte..^^) :

Ändere mal bitte deine Pfade in Relative Pfade um, wie das geht zeige ich dir gerne^^
Das bedeutet, dass wir immer von unserer Momentanen Position aus uns in der Verzeichnisstruktur bewegen

Code: Alles auswählen: Unsere Seite: ├───bilder ├───includes ├───scripts └───styles index.html meinBild.jpg

Befinden wir uns also nun im Hauptverzeichnis, z.B. in der Index.html und wollen wir Dateien auf der Selben Ebene ansprechen, so schreiben wir ganz einfach href="index.html" oder auch scr="meinBild.jpg".
Wollen wir Bilder aus unserem Bilderordner und wir sind wieder in unserer Index.html, so benutzten wir scr="bilder/meinAnderesBild.jpg".
Wollen wir nun z.B. aus einem Untergeordneten Ordner etwas haben (z.B. sind wir gerade in einer Datei in dem Ordner Scripts), so machen wir das mit 2 Punkten vorher klar, dass das verzweichnis gewechselt wird href="../index.html".
Bei dir müsste man also dir erste Methode anwenden (:
Alles immer anstelle von "http://www.polttech.de/koffer_gross.jpg" Einfach "koffer_gross.jpg"

von **stylegangsta** » Donnerstag 11. November 2010, 15:12

Jetzt sollte es aber stimmen, klappt aber weder im IE8, noc MF

von **Sarkkan** » Donnerstag 11. November 2010, 15:21

Schau dir bitte zum einen meinen Vorpost an, zum anderen findet der ganz einfach die JS Dateien nicht^^
Liegen die auch alle in dem Ordner js auf deiner Internetseite?

Kannst du uns mal versuchen deine Ordnerstruktur zu zeigen?^^

von **stylegangsta** » Donnerstag 11. November 2010, 15:31

Ich habe jetzt die Pfade bei href usw. geändert im code, aber nada. keien Chance. Viellicht übersehe ich was, binseit montag voll erkältet,

aber danke trotzdem für alles

von **lauras** » Donnerstag 11. November 2010, 15:36

Liegen die auch alle in dem Ordner js auf deiner Internetseite?

??

von **Sören** » Donnerstag 11. November 2010, 19:35

"htttp://" wird mit 2 Slashes geschrieben, du hast es mit nur einem geschrieben.

von **stylegangsta** » Freitag 12. November 2010, 11:59

Sören hat geschrieben:"htttp://" wird mit 2 Slashes geschrieben, du hast es mit nur einem geschrieben.

Hallo Sören,
boah vielen Dank. Was so ein slash bewirken kann. normal überseh ich so was nicht, aber ich bin seit Montag volle Kanone erkältet.

Vielen Dank für die Hilfe von euch allen.

Greetz
stylegangsta

von **stylegangsta** » Freitag 12. November 2010, 12:27

Hallo 1 Mal muss ich euch doch belästigen.
Habt Ihr eine Idee wie ic das jetzt auf einer externen Seite verwenden kann, von meinem Server aus vo die Dateien liegen.
Beispiel: http://www.example.com/ <------- da wird das kleine Bild angezeigt, aber wenn man drauf klickt soll dann das grosse Bild mit dem Lightbox effekt erschein auf der Seite, allerdings über die Dateien, die auf meinem Server liegen. Ich kann dort nämlich keine Ordner oder ähnliches hochladen, sondern nur verlinken mit href usw. Es daf auch kein Iframe oder Java script enthalten im html text auf der Seite, wo ich es haben will. Ich wollte es nicht so, aber leider nimmt die externe Seite, weder javascript, Iframe, noch php include befehle. Es geht nur html und div.
Hat irgeneiner eine Idee ohne Iframe, php usw. das hinzubekommen?
Kann man nicht irgendwie die lightbox sozusagen extern verlinken, wie zum Beispiel: <rel="http://www.polttech.de/lightbox">?? Das genannte Beipeil geht nicht. Muss ich vielleicht anstatt rel was anderes angeben oder den Pfad anders angeben?

Ist es überhaupt möglich????

von **Sarkkan** » Freitag 12. November 2010, 16:08

Das würde nur dann gehen, wenn der jenige, dem die Seite http://example.de gehört, deine Dateien vorher ganz normal einbindet.
Andernfalls geht das leider, meines wissen nachs, nicht

von **karibiko** » Montag 25. April 2011, 15:11

hey

ich probiere gerade die lightbox auf meiner seite (offline) aus, aber es gibt keinen prev./next button. ein titel erscheint auch nicht

Code: Alles auswählen: <a href="bilder/israel/PA180003.jpg" rel="lightbox[israel]"><img src="bilder/israel/PA180003.jpg" width"150" height="113" alt="Israel1" title="Israel"></a> <a href="bilder/israel/PA180005.jpg" rel="lightbox[israel]"><img src="bilder/israel/PA180005.jpg" width"150" height="113" alt="Israel1" title="Israel"></a> <a href="bilder/israel/PA180007.jpg" rel="lightbox[israel]"><img src="bilder/israel/PA180007.jpg" width"150" height="113" alt="Israel1" title="Israel"></a>

habe ich etwas falsch gemacht?

von **karibiko** » Montag 25. April 2011, 15:14

ich ergänze noch was ich im head teil stehen habe:

Code: Alles auswählen: <link href="design.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script>

in der datei design.css habe ich die sachen aus der lightbox css datei stehen...

von **neuling11** » Montag 25. April 2011, 15:15

Hallo,
sicher dass die bilder der lightbox da sind?
Also prev next und co als Bild?

Und ist auch alles im Originalordner, ganz am Anfang in der Verzeichnisstruktur der Seite?

Tutorial HTML, CSS u. PHP - Forum

Lightbox

Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Wer ist online?