• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Lightbox: Bilder öffnen sich falsch im selben Fenster statt in der Box

Status
Für weitere Antworten geschlossen.

Ans

Neues Mitglied
Hallo!

Bin über Google auf dieses Forum gestoßen & da es hier bereits jemand geschafft hat mit eurer Hilfe seine Lightbox zum Laufen zu bekommen, dachte ich, ich wende mich mal an euch.
Leider ist mein Problem anders, jedenfalls funktioniert meine Lightbox-Anzeige nicht.
Hier ist meine Testseite, auf der ich grade versuche, die Seite zum Laufen zu bekommen:

.&raquo Visible Miles - Fotografie aus Leidenschaft.

Dort unter Blumen -> und dann die Bilder anklicken.
Und siehe da: Es öffnet sich wie ein 'normaler' Bildlink. Komischerweise mit Hintergrundpattern...

Ich habe mit php include gearbeitet und laut einem anderen Forum sollte das auch eigtl. funktionieren (weil es dass mit iFrames ja nicht so tut).


Hier ist der Code von der Blumen-Seite:
Code:
<html>
    <head>
        <title>blumen</title>
            <meta http-equiv="content-type" content="text/html;charset=utf-8" />
                <meta name="keywords" content="blumen" />
                <meta name="description" content="blumen" />
                <link rel="shortcut icon" href="favicon.ico" />
                <!-- Start VisualLightBox.com HEAD section -->
                <script type="text/javascript">var LightBoxOpt={autoPlay:false}</script>
                <link rel="stylesheet" href="engine/css/lightbox.css" type="text/css" media="screen" />
                <script src="engine/js/prototype.js" type="text/javascript"></script>
                <script src="engine/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
                <script src="engine/js/lightbox.js" type="text/javascript"></script>

                <style>
                        .gallery {
                                zoom:1;
                                width:auto;
                        }
                        .gallery a {
                                display:block;
                                float:left;
                                margin:5px;
                                text-align:center;
                                opacity:0.87;
                        }
                        .gallery a:hover {
                                opacity:1;
                        }
                        .gallery a img {
                                border:none;
                                display:block;
                        }
                        .gallery a#vlightbox{display:none}
                </style>
                <!-- End VisualLightBox.com HEAD section -->
    </head>
    <body leftmargin="0" marginheight="0" rightmargin="0" topmargin="0" scroll="no" background="img/pattern.jpg" >

    <img src="http://anslii.an.ohost.de/vm/img/gallery_blumen.jpg" border="0" alt="">

    <table  cellspacing="0" cellpadding="0" border="0">
        <tr>

          <td width="409" style="overflow:auto; text-align:justify;">


        <!-- Start VisualLightBox.com BODY section -->
        <div class="gallery">
                <a href="http://anslii.an.ohost.de/vm/gallery/blumen/data/images/park.jpg" rel="lightbox[blumen]" title="Kurpark"><img src="http://anslii.an.ohost.de/vm/gallery/blumen/data/thumbnails/park.png" /></a>
        <a href="http://anslii.an.ohost.de/vm/gallery/blumen/data/images/sonne1.jpg" rel="lightbox[sample]" title="sonne1"><img src="http://anslii.an.ohost.de/vm/gallery/blumen/data/thumbnails/sonne1.png" /></a>

        <a id="vlightbox" href="http://visuallightbox.com/">Photo Album Website by VisualLightbox.com</a>
        </div>
        <!-- End VisualLightBox.com BODY section -->


        </td>


        </tr>
</table>


    </body>
</html>
Wäre nett wenn jemand drüber schauen könnte - vielleicht ist der Fehler ja bereits offensichtlich?
Ansonsten wäre ich euch sehr verbunden, wenn ihr mir auch so weiterhelfen könnt.
Wenn ihr noch Codes usw. braucht, sagt Bescheid, dann poste ich es euch selbstverständlich hierher.

Liebe Grüße
Ans




Okay, ich habe dann gerade festgetsellt, wenn man nur die Datei aufruft wo die Bilder sind (http://anslii.an.ohost.de/vm/gallery/blumen/blumen.html), funktioniert die Lightbox wie sie soll.
Liegt es also doch am php include?
Aber das muss doch so funktionieren, dass man die Galerie nicht auf dem Hauptframe quasi liegen hat?!
*verzweifelt*
 
Zuletzt bearbeitet:
Hallo Ans,
.&raquo Visible Miles - Fotografie aus Leidenschaft. Dort unter Blumen -> und dann die Bilder anklicken...

Also hier: .&raquo Visible Miles - Fotografie aus Leidenschaft.?
Ich habe es mir in diversen Browsern angesehen. Die Lightbox funktioniert.

Du hast versucht das scrollen für body zu unterdrücken:
Code:
<body background="img/pattern.jpg" [COLOR="DarkRed"][B]scroll="no"[/B][/COLOR] leftmargin="0" marginheight="0" rightmargin="0" topmargin="0" >
Im IE ist bei kleinerem Viewport deshalb nur ein Teile deiner Seite zu erreichen.

Schreibe besser einen Doctype in die erste Zeile:
DOCTYPE-Switch und seine Auswirkungen
Du solltest einen Doctype wählen der nicht zum Quirks Mode führt.
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.
Zurück
Oben