Zmiana obrazu <img /> z JavaScript Image object

Mam JavaScript Image object, który ładuję dynamicznie z jQuery.Zmiana obrazu <img /> z JavaScript Image object

Co chcę zrobić, to zmienić obraz <img /> z jednym przechowywanym na moim obiekcie Image. Jak mam to zrobić?

Uwaga: Chcę uniknąć zmieniając źródło mojego <img /> tagu gdyż pobiera go ponownie z serwerem, a ja już obraz przechowywany w moim obiektu obrazu

Źródło

2013-03-10 Pacha

Czy próbowałeś '$ (obraz)'? Obrazy są zwykle zapisywane w pamięci podręcznej, więc dwukrotne wczytanie tego samego obrazu nie spowoduje pobrania go dwukrotnie. – Blender

Nie rozumiem tego. Czy możesz wyjaśnić nieco więcej? Już wiem, co robi '$ (obraz)', ale mam obraz zapisany w obiekcie JavaScript 'Obraz' i chcę uniknąć zmiany src, ponieważ nie chcę pobierać obrazu za każdym razem, gdy go zmieniam – Pacha

Zawiń obiekt obrazu w funkcji jQuery. Obrazy są buforowane, więc ponowne ich pobieranie zwykle nie ma znaczenia. – Blender

To znaczy,

$('#imageToChange').replaceWith(imageObject)

Źródło

2013-03-10 21:48:51 mplungjan

Jak mogę zrobić to samo z tylko javascript i bez jQuery? –

@ S.P.H.I.N.X - zadaj pytanie - masz na myśli 'document.querySelector (" img ") .src = imageObject.src'? – mplungjan

Nie, chcę ustawić obiekt javascript ('myImage = new image()') w dokumencie html like' document.querySelector ("img") = myImage'. –

Złóż swój nowy wizerunek w javascript pamięci i następnie dołącz ją po oryginalnym obrazie, a następnie usuń oryginał. Możesz również chcieć zapisać oryginał w pamięci podręcznej, zanim go usuniesz na wypadek, gdybyś chciał go ponownie użyć.

html

<img id="replace" />

var img = new Image(); 
img.src = "someUri.png"; 
$("#replace").after(img); 
$("#replace").remove();

Źródło

2013-03-10 21:48:01

Czym różni się to od '$ (" # replace ") .project ('src', 'someUri.png')'? –

Łatwiejsze z '$ ('# replace'). ReplaceWith (img);', po prostu mówiąc. –

@ExplosionPills - OP powiedział, aby nie zmieniać 'src', dlatego poszedłem tą drogą. –

Nowy obiekt Image:

var Image_off = new Image(); 
Image_off.src = 'first.jpg';

obraz zmiana src z jQuery:

$("#my_image").attr("src",Image_off.src);

Źródło

2013-03-10 21:55:15

z jQuery ... mieć zarówno obrazy już na stronie i pokazać lub ukryć albo jeden, na podstawie warunek logiczny.

Źródło

2013-03-10 21:57:04 blackhawk

Hmm, może to odpowiedzieć na podstawowe pytanie, a nie na to, co OP uważał za problem :) – mplungjan

Zmiana obrazu <img /> z JavaScript Image object

Odpowiedz

Powiązane problemy