Ergebnis 1 bis 2 von 2
  1. #1
    Charly99 ist offline Grünschnabel
    registriert
    10-04-2008
    Beiträge
    2

    mit "document.write" erzeugter html-code funktioniert nicht.

    Hallo,

    ich nutze seit kurzem Lightbox2 (siehe Lightbox 2) um meine Bilder anzuzeigen. So sieht der Html-Code aus:

    Code:
    <a href="http://forum.jswelt.de/Album/Segeln/2013/10-November/slides/002-Segeln-satt.jpg" data-lightbox="Box-1" title="Segeln satt" > <img border="0" src="http://forum.jswelt.de/Album/Segeln/2013/10-November/thumbs/002-Segeln-satt.jpg" title="Segeln satt" ></a>
    Nun würde ich gerne diese Zeile durch ein kleines Javascript erstellen lassen und habe folgendes codiert:

    HTML-Code:
    <script>
    function show_pic(image_path,image_name,image_info)
    {
         var image_slides=image_path+"slides/"+image_name+".jpg";
         var image_thumbs=image_path+"thumbs/"+image_name+".jpg";
         document.write('<a href="'+image_slides+'" data-lightbox="Box-1" title="'+image_info+'" > <img border="0" src="'+image_thumbs+'" title="'+image_info+'" ></a>');
         return false;
    }
    </script>
    Hier der entsprechende Aufruf:

    Code:
    <script>show_pic('../Album/2013/10-November/','002-Segeln-satt','Segeln satt')</script>
    Aber es funktioniert nicht. Das Thumb-Bild wird nicht angezeigt und auch der Aufruf von Lightbox2 funktioniert nicht.

    Kann mir jemand sagen, was ich falsch mache?

    Gruß
    Charly
    Geändert von mikdoe (27-03-2014 um 16:37 Uhr) Grund: Bitte setze Code in HTML oder code Tags!

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.695

    AW: mit "document.write" erzeugter html-code funktioniert nicht.

    1. document.write() ist nicht gut. Verwende lieber .innerHTML das ist flexibler und hat keine seltsamen Nebeneffekte.
    2. Steht etwas in der Fehlerkonsole?
    3. Prüfe noch mal die URL zu dem Bild nach. Eventuell ist die nicht ganz korrekt (Ich sehe schon mal einen Unterschied zwischen der JS-URL und der im HTML).

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 22-02-2011, 16:56
  2. html code mit document.write()...?
    Von DerWinzer im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 21-12-2010, 13:54
  3. Antworten: 5
    Letzter Beitrag: 29-08-2010, 18:06
  4. document.write "zerstört" die css-Formatierung
    Von Hubsi im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 15-12-2005, 17:51
  5. Antworten: 3
    Letzter Beitrag: 28-08-2005, 12:27

Stichworte

Lesezeichen

Berechtigungen

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