Hole Hintergrundbild von div und setze das als src des Bildes

Question

Also versuche ich das Hintergrundbild von einem div zu erhalten, wenn es angeklickt wird, und setze es als src eines img Elements irgendwo anders auf der Seite . Das Problem ist, dass eine Fehlermeldung angezeigt wird, dass die Datei nicht gefunden wurde. Ich verstehe, dass dies etwas mit dem Pfad zu tun hat, den ich dem img's src zuordne, aber ich kann nicht sehen, was mit dem Code nicht stimmt.

Wenn die div in Frage geklickt wird es eine Funktion aufruft

document.getElementById('rice-bowl').onclick=openModal; 

und darunter ist die eigentliche Funktion

var openModal=function(){ 
     var image= $(this).css('background-image').slice(4,-1); 
     console.log(image); 
     var modalImg = document.getElementById("img01"); 
     modalImg.src = image; 
     console.log(modalImg.src); 
    } 

Die beiden outputs to console sollte die gleiche jedoch dieser Logik entsprechend sein, sie sind nicht. Auch hier wäre jede Hilfe sehr willkommen!

Answer 1

dies sollte sein:

$("#rice-bowl").click(function() { 
    var bg = $(this).css('background-image'); 
    bg = bg.replace('url(','').replace(')','').replace(/\"/gi, ""); 
    var modalImg = document.getElementById("img01"); 
    modalImg.src = bg; 
} 

halten rocking!