chiarimenti preload immagini

**stiffa** · 28-08-2006, 10:52

ciao.

Ho navigato,cercato, sperimentato....ma proprio non ne vengo fuori...non capisco perche ogni volta che refresho la mia pagina le immagini che la compongono vengono scaricate nuovamente....

Voi direte....hai messo riferimenti diretti tipo [img]immagini/pippo.jpg[/img]
lo lascio vuoto?
e' corretto?

Poi il mio secondo problema. Anche sui rollover, senza riscaricare la pagina....ogni volta che vado sopra con il mouse a un'immagine, questa viene riscaricata nonostante il rollover sia cosi composto

Codice PHP:


//html

<input type="image" onClick="popEdit();" id="editconsess" src="images/bmp32x32/edit.png" border="0" onmouseover="changeImg(\'editconsess\',edit_over.src)" onmouseout ="changeImg(\'editconsess\',edit.src)" onmousedown="changeImg(\'editconsess\',edit_down.src)" onmouseup  ="changeImg(\'editconsess\',edit_over.src)">





//javascript

function changeImg(ID,image){

    document.getElementById(ID).src=image;

}

....proprio non capisco....spero ne potremo discutere
ciao e grazie

**whisher** · 28-08-2006, 11:09

Ciao.
Per il src delle immagini
potresti utilizzare una cosa del genere.

var myimg = document.createElement("img");
myselect.setAttribute("src", "img1.gif");
document.getElementById("target").appendChild(myim g);

Ho messo id "target" per esempio

**stiffa** · 28-08-2006, 11:15

allora nell'head faccio questa cosa per ogni immagine che uso?
Come mai non ne ho mai sentito parlare di questa tecnica quando si parla di preload?

Se refresho si ricorda di guardare nei file tmp di internet e pescare da li le immagini avendole gia scaricate?

p.s. te hai scritto : var myimg = document.createElement("img");
myselect.setAttribute("src", "img1.gif");

cos'e' myselect ? forse volevi scrivere myimg.setAttribute....
o sbaglio?

**whisher** · 28-08-2006, 11:26

cos'e' myselect ? forse volevi scrivere myimg.setAttribute....
o sbaglio?

Ops !

**stiffa** · 28-08-2006, 11:38

cmq questa tecnica non va....e vedo l'immagine con una X come quando non e' presente il file....

**whisher** · 28-08-2006, 12:06

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script language="JavaScript" type="text/JavaScript">

function getImg( target )

{

    var myimg = document.createElement("img");

    myimg.setAttribute("src", "11.gif");

    document.getElementById( target ).appendChild(myimg);

}

window.onload = function()

{

    getImg("target");

}

</script>



</head>



<body>

<div id="target"></div>

</body>

</html>

Al posto di 11.gif metti un'img che hai nella stessa directory
e funziona come deve.

Discussione: chiarimenti preload immagini

Strumenti discussione

Ricerca discussione

Visualizza

chiarimenti preload immagini

.........

..

........

Permessi di invio