Ergebnis 1 bis 2 von 2

Thema: LightBox2.6 Darstellung in einem Frame

  1. #1
    HTML Newbie
    Registriert seit
    29.09.2013
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard LightBox2.6 Darstellung in einem Frame

    Hallo,
    ich bin neu hier und befasse mich erst seit Kurzem mit der HTML-Programmierung. AKtuell möchte ich in eine Web-Seite innerhalb eines Frames die Lightbox2.6 anwenden.
    Aber was ich auch versuche, alles funktioniert nicht so wie es soll.
    Hier habe ich mal die betreffenden Zeilen aus meinem HTML-Code:

    Zuerst initialisiere ich die Lightbox2.6 so:

    </head>

    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/lightbox-2.6.min.js"></script>

    Danach muss ich, und weis ich nicht so richtig, folgenden Code unterbringen:

    <a href="../Bilder/2013/2013_Meran_01.jpg" data-lightbox="image-1"> image #1</a>

    und zwar in folgender Zeile:

    <tr>
    <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_01.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303>"></td>

    Ziel des Ganzen soll sein: Kleine Vorschaubilder in einer Tabelle und beim daraufklicken soll das Bild mit dem Lightbox-Effekt aufgezoomt werden.

    Kann da mal jemand darüberschauen und mir einen Tipp geben damit das Ganze wie gewünscht funktioniert?

    Zum besseren Verständnis im Nachfolgenden der komplette Code der Seite in der ich die Lightbox einbauen möchte:
    Code:
    <head>
    <title>Bilder 2013 Frame MFB </title>
    <meta name="author" content="K&auml;psele">
    <meta name="editor" content="html-editor phase 5">
    <meta name="keywords" content="Motorradfreunde Buchenbachtal, Winnenden, Berglen, Motorradclub, Stammtisch, Buchenbach, Biker">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
    <style type="text/css">
    a:hover { color:#EE453B; text-decoration:underline; background-color:none; font-size:24px; font-weight:bolder; }
    </style>
    
    </head>
    
     <script src="js/jquery-1.10.2.min.js"></script>
     <script src="js/lightbox-2.6.min.js"></script>
     
     <link href="css/lightbox.css" rel="stylesheet" />
     
    <body text="#EEEEEE" bgcolor="#555555" link="#0E46F9" alink="#0E46F9" vlink="#0E46F9"
             marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
    
    <font size="5">
    <table width="100%" border="1" cellpadding="2" cellspacing="2">
     <tr>
      <td colspan="2" align="center" width="100%" > <font color="#EE453B"> <b><u> Jahresausfahrt nach Meran 2013 </u></b></font></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_01.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404"    height="303>"></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_02.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_03.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_04.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_05.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_06.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_07.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_08.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_09.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_10.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_11.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_12.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_13.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_14.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_15.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="455" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_16.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="455" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_17.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="455" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_18.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="455" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_19.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_20.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_21.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_22.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_23.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_24.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_25.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_26.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_27.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_28.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_29.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_30.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_31.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_32.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="202" height="303"></a></td>
     </tr>
     <tr>
      <td colspan="2" align="center" width="100%" > <font color="#EE453B"> <b><u>Motorradtreffen Arnach 2013 </u></b></font></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Arnach_01.jpg" alt="Arnach 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Arnach_02.jpg" alt="Arnach 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Arnach_03.jpg" alt="Arnach 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="" alt="" border="0" width="455" height="303"></a></td>
     </tr>
     <tr>
      <td colspan="2" align="center" width="100%" > <font color="#EE453B"> <b><u> Motorradteffen Wilsingen 2013 </u></b></font></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Wilsingen_01.jpg" alt="Wilsingen 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Wilsingen_02.jpg" alt="Wilsingen 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Wilsingen_03.jpg" alt="Wilsingen 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Wilsingen_04.jpg" alt="Wilsingen 2013" border="0" width="227" height="303"></a></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Wilsingen_05.jpg" alt="Wilsingen 2013" border="0" width="404" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_Wilsingen_06.jpg" alt="Wilsingen 2013" border="0" width="404" height="303"></a></td>
     </tr>
     <tr>
      <td colspan="2" align="center" width="100%" > <font color="#EE453B"> <b><u> <a href="Entschleunigungstour.html"> Entschleunigungstour im Odenwald 2013 </a> </u></b></font></td>
     </tr>
     <td colspan="2" align="center" width="100%" > <font color="#EE453B"> <b><u> Sommergrillfest 2013 </u></b></font></td>
     </tr>
     <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_MFB Grillfest_01.jpg" alt="Grillfest 2013" border="0" width="455" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_MFB Grillfest_02.jpg" alt="Grillfest 2013" border="0" width="455" height="303"></a></td>
     </tr>
      <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_MFB Grillfest_03.jpg" alt="Grillfest 2013" border="0" width="202" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_MFB Grillfest_04.jpg" alt="Grillfest 2013" border="0" width="455" height="303"></a></td>
     </tr>
      <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_MFB Grillfest_05.jpg" alt="Grillfest 2013" border="0" width="455" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_MFB Grillfest_06.jpg" alt="Grillfest 2013" border="0" width="455" height="303"></a></td>
     </tr>
      <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_MFB Grillfest_08.jpg" alt="Grillfest 2013" border="0" width="455" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_MFB Grillfest_09.jpg" alt="Grillfest 2013" border="0" width="455" height="303"></a></td>
     </tr>
      <tr>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_MFB Grillfest_10.jpg" alt="Grillfest 2013" border="0" width="455" height="303"></a></td>
      <td align="center" width="50%"> <img src="../Bilder/2013/2013_MFB Grillfest_11.jpg" alt="Grillfest 2013" border="0" width="202" height="303"></a></td>
     </tr>
    
    </table>
    </font>
    
    
    </body>
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: LightBox2.6 Darstellung in einem Frame

    Dein Versuch muss misslingen, da du eine uralte Webseite hast, die du versucht mit neuesten Techniken aufzurüsten.
    Du müsstest die Seite entsorgen und neu erstellen oder von deinem Vorhaben absehen.

    Damit du mir glaubst schicke deine Seite mal durch den Validator:
    http://validator.w3.org/

Ähnliche Themen

  1. Ich brauche Hilfe bei einem Frame :'(
    Von Dr. Bashir im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 23.07.2012, 00:06
  2. Problem Mit einem Frame
    Von koki12 im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 14.02.2006, 13:28
  3. Antworten: 11
    Letzter Beitrag: 29.09.2005, 16:03
  4. wie mach ich das zu einem frame?
    Von teddie im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 12.03.2005, 16:17
  5. Zugriff auf Textarea in einem Frame
    Von wotschy im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 26.02.2005, 21:18

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •