Bild herunterladen und an anderer Stelle anhängen

Ich muss ein ganzes Bild in einem Div aufnehmen, es entfernen und an ein anderes Div anhängen. Die Bildquelle wird immer anders sein, also muss ich das berücksichtigen. Das ist, was ich bisher habe, ich bin mir ziemlich sicher, dass das nicht stimmt. Hoffentlich kann mir jemand in die richtige Richtung zeigen.Bild herunterladen und an anderer Stelle anhängen

<div id="sidebar"> 
</div> 
<div class="content"> 
    <img src="123410928510934587.jpg" /> 
    <img src="45646513513515.jpg" /> 
</div> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script> 
var imgRetrieve = $('.content img:first').find('img').attr('src') 
$(document).ready(function() { 
    imgRetrieve(); 
    $('.sidebar').append(); 
}); 
</script>

Quelle

2010-12-07 JJ Nold

relativ einfach:

$('.content img:first').appendTo('#target_element');

Quelle

2010-12-07 22:08:42

Wow, jetzt fühle ich mich wie ein totaler Idiot. Es war viel einfacher als ich dachte. –

@JJ Nold: Wie versuchen Sie, diesen bestimmten jQuery-Aufruf auszulösen? ** Bearbeitet ** es funktioniert schließlich? –

@David in einer document.ready-Funktion. Ich habe es angehängt, jetzt möchte ich es nur aus dem ursprünglichen div entfernen. Ich stelle mir vor, dass ich in diesem Fall .remove() benutze. –

Der folgende Code sollte HTML vom alten div bekommen und neue div anzuwenden.

var oldDiv= $('#oldDiv').html(); 

$('#newDiv').html(oldDiv);

.html() wird der komplette HTML neuer div ersetzen, wenn Sie Sie verwenden können angehängt werden soll anhängen

$('#newDiv').append(oldDiv);

Quelle

2010-12-07 22:05:34 kobe

.html() wird der komplette HTML neuer div ersetzen, wenn Sie anhängen möchten, können Sie append verwenden. – kobe

Oder ['appendTo()'] (http://api.jQuery.com/appendto/). –

@ David, Hallo David, wie geht es dir? – kobe

Diese funktionieren sollte. Ich habe es in einem Klick-Handler, aber es muss nicht dorthin gehen:

$('.content').click(function() { 
    $('.content img:first').appendTo('#sidebar'); 
});

Beispiel:

http://jsfiddle.net/cLEE6/

Quelle

2010-12-07 22:09:18

Bild herunterladen und an anderer Stelle anhängen

Antwort

Verwandte Themen