lushang: problem mit lightbox js version 2.05

hi
Habe o.g. Version herunter geladen und in meine Seite eingebunden, aber es will einfach nicht funktionieren. Die 3 Dateien images, css und js liegen im selben Ordner wie die Seite auch. die Seite ist eine php, da sie in einer übergeordneten php per include eingebunden ist. das sollte doch gehen? aber wenn ich das Vorschaubild per Mausclick sehen will wird mir sofort das Bild dargestellt aber nicht wie erwartet im neuen Fenster sondern im alten. also denk ich mal das die Verbindung zu JS nicht da ist. Ich bin langsam am verzweifeln!

Hier ist mal der Quelltext:

<div class=divindex1>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Lightbox JS v2.0 | Test Page</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

</head>
<body>
<table align="center">
<tr>
<td>
<b class=b1>Test f&uuml;r Lightbox</b>
<br>
</td>
</tr>
<tr>
<td>
<a href="../images/galerie/vor_folierung.jpg" rel="lightbox[roadtrip]"><img style="border: 1px solid ; width: 200px; height: 149px;" alt="Vor Folierung" title="Vor Folierung" src="../images/galerie/vor_folierung_klein.jpg"></a>
<p>
<a href="../images/galerie/teilfolierung.jpg" rel="lightbox[roadtrip]"><img style="border: 1px solid ; width: 200px; height: 149px;" alt="Teilfolierung" title="Teilfolierung" src="../images/galerie/teilfolierung.jpg"></a>
<p>
<a href="../images/galerie/fahrzeugbeschriftung.jpg" rel="lightbox[roadtrip]"><img style="border: 1px solid ; width: 200px; height: 149px;" alt="Fahrzeugbeschriftung" title="Fahrzeugbschriftung" src="../images/galerie/fahrzeugbeschriftung_klein.jpg"></a>
<p>
</td>
<td>
<a href="../images/galerie/vor_folierung.jpg" rel="lightbox[roadtrip]"><img style="border: 1px solid ; width: 200px; height: 149px;" alt="Vor Folierung" title="Vor Folierung" src="../images/galerie/vor_folierung_klein.jpg"></a>
<p>
<a href="../images/galerie/teilfolierung.jpg" rel="lightbox[roadtrip]"><img style="border: 1px solid ; width: 200px; height: 149px;" alt="Teilfolierung" title="Teilfolierung" src="../images/galerie/teilfolierung.jpg"></a>
<p>
<a href="../images/galerie/fahrzeugbeschriftung.jpg" rel="lightbox[roadtrip]"><img style="border: 1px solid ; width: 200px; height: 149px;" alt="Fahrzeugbeschriftung" title="Fahrzeugbschriftung" src="../images/galerie/fahrzeugbeschriftung_klein.jpg"></a>
<p>
</td>
<td>
<a href="../images/galerie/vor_folierung.jpg" rel="lightbox[roadtrip]"><img style="border: 1px solid ; width: 200px; height: 149px;" alt="Vor Folierung" title="Vor Folierung" src="../images/galerie/vor_folierung_klein.jpg"></a>
<p>
<a href="../images/galerie/teilfolierung.jpg" rel="lightbox[roadtrip]"><img style="border: 1px solid ; width: 200px; height: 149px;" alt="Teilfolierung" title="Teilfolierung" src="../images/galerie/teilfolierung.jpg"></a>
<p>
<a href="../images/galerie/fahrzeugbeschriftung.jpg" rel="lightbox[roadtrip]"><img style="border: 1px solid ; width: 200px; height: 149px;" alt="Fahrzeugbeschriftung" title="Fahrzeugbschriftung" src="../images/galerie/fahrzeugbeschriftung_klein.jpg"></a>
<p>
</td>
</tr>
</table>
</body>
</html>

</div>

Der divbereich hängt mit der Einbindung zusammen.

Hier noch die url der Seite zum besseren Verständnis:

www.wrappersle.de

was ist daran falsch?

mfg lushang

  1. Hallo,

    Habe o.g. Version herunter geladen und in meine Seite eingebunden, aber es will einfach nicht funktionieren. Die 3 Dateien images, css und js liegen im selben Ordner wie die Seite auch. die Seite ist eine php, da sie in einer übergeordneten php per include eingebunden ist. das sollte doch gehen? aber wenn ich das Vorschaubild per Mausclick sehen will wird mir sofort das Bild dargestellt aber nicht wie erwartet im neuen Fenster sondern im alten.

    also so wie man es sich eigentlich wünscht. :-)

    also denk ich mal das die Verbindung zu JS nicht da ist.

    Was heißt "ich denk mal"? Hast du das überprüft? Wird das Javascript geladen und ausgeführt oder nicht?

    <div class=divindex1>

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>

    Was ist denn das?? Ein öffnendes Tag noch vor dem DOCTYPE?
    Da läuft schon mal irgendwas ganz gewaltig falsch.

    <head>
    <title>Lightbox JS v2.0 | Test Page</title>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
    <script src="js/lightbox.js" type="text/javascript"></script>

    Hattest du nicht gesagt, alle Dateien liegen im gleichen Verzeichnis wie die HTML-Ressource? Warum adressierst du sie dann in den Unterverzeichnissen css und js?

    <body>
    <table align="center">

    Tabellenlayout. *seufz*

    <b class=b1>Test f&uuml;r Lightbox</b>

    Verst&uuml;mmelte Umlaute. *seufz*
    Fehlende Anführungszeichen um die Attributwerte. *seufz*

    </tr>
    <tr>

    Eine Tabellenzeile (tr) ohne td oder th ist nicht erlaubt.

    <a href="../images/galerie/vor_folierung.jpg" rel="lightbox[roadtrip]"><img style="border: 1px solid ; width: 200px; height: 149px;" alt="Vor Folierung" title="Vor Folierung" src="../images/galerie/vor_folierung_klein.jpg"></a>

    Ach, und hier adressierst du Bilder eine Verzeichnisebene höher? Ich dachte, alles liegt im gleichen Verzeichnis ...

    <p>

    Beginnt einen neuen Absatz - warum wird der nirgends beendet (außer implizit beim nächsten öffnenden <p>)?

    </body>
    </html>

    </div>

    Ach so, das ist noch das div-Element, das du vor dem Dokumentanfang geöffnet hattest

    Der divbereich hängt mit der Einbindung zusammen.

    Entweder ich verstehe nicht, was du damit meinst, oder du hast irgendwas an der Sache vollkommen missverstanden.

    Hier noch die url der Seite zum besseren Verständnis:
    www.wrappersle.de

    Nein. Dort finde ich im Quellcode nichts, was dem hier vorgestellten ähnlich wäre.

    was ist daran falsch?

    Ziemlich viel, aber besser wäre, du würdest uns das Problem online zeigen, wo es jeder selbst anschauen kann.

    Ciao,
     Martin

    --
    Er war ein Mann wie ein Baum. Sie nannten ihn Bonsai.
    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    1. Hallo,

      Hier noch die url der Seite zum besseren Verständnis:
      www.wrappersle.de

      Nein. Dort finde ich im Quellcode nichts, was dem hier vorgestellten ähnlich wäre.

      Doch, unter Referenzen.

      Als erstes solltest du die Ressourcen korrekt einbinden. Weder lightbox.css, noch prototype.js, scriptacolous.js und lightbox.js sind mit deinen Pfadangaben von /seiten aus zu erreichen.

      vg ichbinich

      --
      Kleiner Tipp:
      Tofu schmeckt am besten, wenn man es kurz vor dem Servieren durch ein saftiges Steak ersetzt...
      1. Hi,

        Hier noch die url der Seite zum besseren Verständnis:
        www.wrappersle.de
        Nein. Dort finde ich im Quellcode nichts, was dem hier vorgestellten ähnlich wäre.
        Doch, unter Referenzen.

        also http://www.wrappersle.de/seiten/referenzen.php, das ist aber eine ganz andere Ressource. Wenn jemand eine Seite als Beispiel angibt, dann erwarte ich schon konkret die Seite, um die es geht, und nicht irgendeine andere Ressource des Webauftritts. Auch nicht einfach die Startseite. Sollen wir dann selbst die Stelle suchen? Nicht wirklich.

        Als erstes solltest du die Ressourcen korrekt einbinden. Weder lightbox.css, noch prototype.js, scriptacolous.js und lightbox.js sind mit deinen Pfadangaben von /seiten aus zu erreichen.

        Und weiter unten sieht es aus, als hätte er wirklich ein komplettes HTML-Dokument mit DOCTYPE, head und body in ein andere eingefügt. Das geht natürlich nicht.

        Ciao,
         Martin

        --
        Ein guter Lehrer muss seinen Schülern beibringen können,
        eine Frage so zu stellen, dass auch der Lehrer lernen muss,
        um die Frage beantworten zu können.
          (Hesiod, griech. Philosoph, um 700 v.Chr.)
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
        1. @@ Martin

          also http://www.wrappersle.de/seiten/referenzen.php, das ist aber eine ganz andere Ressource. Wenn jemand eine Seite als Beispiel angibt, dann erwarte ich schon konkret die Seite, um die es geht, und nicht irgendeine andere Ressource des Webauftritts. Auch nicht einfach die Startseite. Sollen wir dann selbst die Stelle suchen? Nicht wirklich.

          sorry das ungeschickt von mir da geb ich deir recht.

          Als erstes solltest du die Ressourcen korrekt einbinden. Weder lightbox.css, noch prototype.js, scriptacolous.js und lightbox.js sind mit deinen Pfadangaben von /seiten aus zu erreichen.

          hier mal der quelltext der seite referenzen.php:

          <html>
          <head>
          <meta http-equiv="Content-Language" content="de">
          <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
          <meta http-equiv="reply-to" content=lushang@gmx.net>
          <meta http-equiv="pragma" content="no-cache">
          <meta name="title" content="wrapping">
          <meta name="description" content="Alles rund ums wrapping, Angebote, Techniken etc.">
          <meta name="author" content="lushang">
          <meta name="copyright" content="lushang">
          <meta name="keywords" content="wrapping, folienbeschichtung an fahrzeugen, wassertransferdruck, werbebeschriftung ">
          <meta name="language" content="de, at, ch, deutsch, german">
          <meta name="distribution" content="alle">
          <meta name="page-topic" content="tuning">
          <meta name="page-type" content="offizielle Homepage firma">
          <meta name="audience" content="all">
          <meta name="resource-type" content="document">
          <meta name="revisit-after" content="10 days">
          <meta name="robots" content="all">
          <meta name="google-site-verification"
          content="Pmm08g4RKQei0kM5lRTJNxTLsp-6WiP-N8T-NHjdt1Y" />
          <title>Referenzen</title>
          <link rel="stylesheet" href="../includes/styles01.css" type="text/css">
          </head>
          <body>
          <table class=table1>
          <tr>
          <td align=center>
          <table class=table2>
          <tr>
          <td>
          <table class=table4>
          <tr>
          <td align="center">
          <?php include("../includes/zeile_2.php"); ?>
          </td>
          </tr>
          </table>
          </td>
          </tr>
          <tr>
          <td>
          <?php include("../includes/menue_2.php"); ?>
          </td>
          </tr>
          <tr>
          <td>
          <div class=divmenue>
          <table class=table4>
          <tr>
          <td>
          <div class=divtitel>
          <b class=b1>Sie können selbst sehen wie es geht.</b>
          </div>
          </td>
          </tr>
          <tr>
          <td>
          <?php include("../includes/inhalt_referenzen.php"); ?>
          </td>
          </tr>
          <tr>
          <td>
          &ndsp
          </td>
          </tr>
          </table>
          </div>
          </td>
          </tr>
          </td>
          </tr>
          </table>
          </body>

          <!-- ++++++++++     Ende Inhaltsteil     ++++++++++ -->

          Und weiter unten sieht es aus, als hätte er wirklich ein komplettes HTML-Dokument mit DOCTYPE, head und body in ein andere eingefügt. Das geht natürlich nicht.

          da hast du recht. der ganze quelltext der slidsohw befindet sich in inhalt_referenzen.php, also in dem Quelltext von gestern. wenn ich dich richtig verstehe muss der javascript text in die datei referenzen.php und in die datei inhalt_referenzen.php enthält nur den html-teil.

          da werd ich mich mal ans sortieren machen. es wäre wahrscheinlich sogar sinnvoller aus beiden dateien eine zu machen. irgenwie hab ich mich da verrannt - hoffe auf ein gutes ende.

          grüssle
          lushang

          1. hi

            danke an alle habe mein problem gelöst.

            ein zufriedener lushang

    2. Hallo,

      </tr>
      <tr>

      Eine Tabellenzeile (tr) ohne td oder th ist nicht erlaubt.

      das wäre aber
      <tr>
      </tr>

      oder?

      Gruß
      Kalk

      1. Moin,

        </tr>
        <tr>

        Eine Tabellenzeile (tr) ohne td oder th ist nicht erlaubt.

        das wäre aber
        <tr>
        </tr>

        oder?

        stimmt, da hatte ich offensichtlich einen Knick in der Optik. Start- und Endtag verkehrtrum gesehen.
        Dann nehme ich diesen Kritikpunkt hiermit zurück.

        Ciao,
         Martin

        --
        Was du heute kannst besorgen,
        das geht sicher auch noch morgen.
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    3. @@Der Martin:

      nuqneH

      Eine Tabellenzeile (tr) ohne td oder th ist nicht erlaubt.

      In HTML5 ist es erlaubt. [HTML5]

      Qapla'

      --
      „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
      1. Hallo,

        Eine Tabellenzeile (tr) ohne td oder th ist nicht erlaubt.
        In HTML5 ist es erlaubt. [HTML5]

        warum überrascht mich das nicht mehr? *seufz*
        Abgesehen davon, dass ich Gespenster gesehen habe und mein Vorwurf in diesem Punkt unbegründet war ...

        Ciao,
         Martin

        --
        Ja, ja ... E.T. wusste schon, warum er wieder nach Hause wollte.
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
        1. @@Der Martin:

          nuqneH

          Eine Tabellenzeile (tr) ohne td oder th ist nicht erlaubt.
          In HTML5 ist es erlaubt.
          warum überrascht mich das nicht mehr? *seufz*

          Warum seufz?

          Qapla'

          --
          „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
  2. @@lushang:

    nuqneH

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    Informiere dich, was Quirksmodus ist, warum man ihn vermeiden sollte und wie man ihn vermeidet.

    Und warum nicht auf der Höhe der Zeit sein und HTML5 verwenden?

    Qapla'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)