Avaleht
uus teema   vasta Tarkvara »  WWW »  Javascriptis piltide seadmine taustapildiks, küsimus. märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale. Teata moderaatorile
otsing:  
karuanton
HV vaatleja

liitunud: 29.10.2004
sõnum 28.10.2011 13:28:36 Javascriptis piltide seadmine taustapildiks, küsimus. vasta tsitaadiga
Tere

Olen siin uurinud niiet silm punnis peas aga pole sellisest küsimusest isegi juttu näinud, nimelt sooviksin javascriptis div -i taustapildiks panna pildi objekti mitte pildiaadressi

Pilti saab paigaldada näiteks nii, et annan pildiaadressi:

document.getElementById('mingidiv').style.backgroundImage = "url('taustapilt.jpg')"

aga vaja oleks nii, et looks pildiobjekti ja paneks selle div -i taustaks umbes nii:


uuspilt= new Image;
uuspilt.src="taustapilt.jpg";
document.getElementById('mingidiv').style.backgroundImage = uuspilt


aga ei õnnestu, äkki keegi oskab öelda kuidas saaks pildiobjekti javascriptis div -i taustapildiks seada.

Raimo
_________________
GSM: 56 224693
Kommentaarid: 4 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 4
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online
sõnum 28.10.2011 14:06:54 vasta tsitaadiga
karuanton, kuna tegu on CSS sättega, siis ei saa sa seda niimoodi ette anda.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
Timukas0
HV kasutaja
Timukas0

liitunud: 20.03.2007
sõnum 28.10.2011 14:50:36 vasta tsitaadiga
Canvas-toega veebilehitsejates töötab selline asi:
javascript:
  1. var img = new Image();
  2. img.src = 'taustapilt.jpg';
  3.  
  4. img.onload = function(){
  5.     var canvas = document.createElement('canvas'),
  6.         ctx = canvas.getContext && canvas.getContext('2d');
  7.     if (ctx) {
  8.         // Canvas tugi olemas
  9.         canvas.width = img.width;
  10.         canvas.height = img.height;
  11.         ctx.drawImage(img, 0, 0);
  12.         var dataURL = canvas.toDataURL('image/jpg');
  13.         document.getElementById('mingidiv').style.backgroundImage = 'url(' + dataURL + ')';
  14.     } else {
  15.         // Canvas tugi puudu
  16.        
  17.         // tee midagi muud (kui vaja)
  18.     }
  19. };
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 3
tagasi üles
vaata kasutaja infot saada privaatsõnum
karuanton
HV vaatleja

liitunud: 29.10.2004
sõnum 28.10.2011 18:42:55 vasta tsitaadiga
Jah, html5 -ga saab igatsugu lahedaid asju teha, mul aga just vaja, et töötaks enamikes browserites, tänan aga kes vastasid.
_________________
GSM: 56 224693
Kommentaarid: 4 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 4
tagasi üles
vaata kasutaja infot saada privaatsõnum
Timukas0
HV kasutaja
Timukas0

liitunud: 20.03.2007
sõnum 28.10.2011 21:03:44 vasta tsitaadiga
Igaks juhuks mainin, et Chrome, Firefox, Opera, Safari, IE9+ peaks oskama seda. Need võiks kokku küll üle poole ehk enamiku anda.
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 3
tagasi üles
vaata kasutaja infot saada privaatsõnum
andris9
HV vaatleja
andris9

liitunud: 14.06.2011
sõnum 01.11.2011 12:37:19 vasta tsitaadiga
Pildiobjekt on ju siiski viide konkreetse pildi juurde - kui viitad pildifailile, siis kasutatakse juba mälus olevat, mitte ei laeta uuesti - , seega võid teha ka nii

uuspilt= new Image;
uuspilt.src="taustapilt.jpg";
document.getElementById('mingidiv').style.backgroundImage = 'url(' + uuspilt.src + ')';


Kuigi erilist pointi sellel vist pole
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  Javascriptis piltide seadmine taustapildiks, küsimus.
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.