Url in einem <img> ändern

  • Hallo,
    ich baue gerade an einem Slider herum. Dabei möchte per Java die Url in einem <img> ändern.
    Was ich auf die Reihe bekommen habe ist, die entsprechende Url auszulesen und als Text auszugeben.
    Dazu steht in einem Script folgende Zeile:


    altBox: $("#alt-text")


    und hiermit wird die gesuchte Url ausgelesen:


    $(options.altBox).html($(items[this.frontIndex].image).attr('src'));


    Diese wird im Html als Text hier ausgegeben:


    <p id="alt-text"></p>


    Wie kann ich die Url statt als Text auszugeben in diesem Bild einfügen:


    <img id= "mitte" src=" * hier soll die Url hin * " alt="" title="" />



    Ich hoffe, dass ich mich verständlich genug ausgedrückt habe.
    Für Eure Hilfe im Voraus schon mal besten Dank.


    Saludos - Wolfgang
    __________________
    Auf nach Mexiko


    Hier geht es zu unserem Teich

  • Erstma zu den Begrifflichkeiten:
    Du meinst Javascript. bzw das eingebundene javascript-framework JQuery.


    mit .attr('src') liest du das src Attribut aus.
    wenn du noch einen 2ten parameter übergibst dann wird das src Attribut gesetzt.


    $('#mitte').attr('src', 'image.png') sorgt z.b. für:


    <img id="mitte" src="image.png" alt="" title="" />


  • Hallo Roland,


    vielen Dank für Deine Hilfe.


    Und für alle, die es interessiert, so habe ich es gemacht:


    $(options.altBox).html( $(items[this.frontIndex].image).attr('src')); // Url für "Bild-Mitte" holen
    var url = $(items[this.frontIndex].image).attr('src'); // Url in Variable speichern
    $('#mitte').attr('src', url); // Url an "Bild-Mitte" übergeben


    Ob man das auch einfacher lösen kann weiß ich nicht, aber es funktioniert.


    Allen noch ein schönes Wochenende - Wolfgang

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!