HTML Bild neben dem Link anzeigen lassen



  • Hallo, folgendes Probleme habe ich:

    <a href="Bild%201.jpg">Bild1: </a>    Hier soll das Bild erscheinen
    

    Das Bild soll direkt neben dem Link angezeigt werden. Wenn ich auf meinen Link klicke dann wird man ja nur das Bild angezeigt aber nicht mehr der Text von dem Link. Hat wer eine Idee wie man das umsetzen kann?



  • Soll das bild immer neben dem Link angezeigt werden oder nur nachdem du auf den Link geklickt hast?
    Schonmal mit dem HTML img tag probiert:

    <img src="Bild.jpg"/>
    

    ?


  • Mod

    Das geht nur per JavaScript.

    zB per JQuery, im .on()-click.

    <a href="#" data-uri="https://www.c-plusplus.net/forum/templates/fisubtext/images/c-plusplusde.gif" data-target="target" class="display-image">Click Me:</a> Text Text Text
      <span id="target"></span>
    
    $(document).on("click", "a.display-image", function(e) {
      var $this = $(this);
      var uri = $this.data('uri');
      var target = $this.data('target');
      $('#'+target).append('<img src="'+uri+'">');
    });
    

    bzw. das Framework deiner Wahl hat da sicher auch mehr sophisticated Varianten, zB könnte das Bild als View implementiert werden.


Anmelden zum Antworten