Newsgroup: it.comp.lang.javascript
Titolo: caricamento serie di immagini in base impostazione schermo

Ho un problema.....ho uno js che in base all'impostazione 1024 o 800 mi
carica due diverse immagini di sfondo. fino a che era un'unica immagine
tutto ok.... il codice è il seguente:
<script>
if(window.screen.width>800)
	{
		document.write('<img
src="images/grafico1024.jpg"  border="0" 	usemap="#imap" alt="" >')
	}
else
	{
		document.write('<img src="images/grafico800.jpg"   border="0"
usemap="#imap1" alt="" >')
	}
	</script>
.....però ora devo inserire
un effetto di onmouseover sui vari link, così al posto di una sola immagine
ho una tabella che ne contiene molte...come faccio a sostituire queste a
quella originale?.....è possibile farlo?
....spero di essere stata
chiara, senno sono qui a disposizione...grazie a chi mi risponderà
Ciao
--------------------------------
Inviato via 
http://usenet.iol.it


sostituirle quando...........??
a caricamento del documento avvenuto??
--
andreotta fabiano
WebMªster ATI POWER s.n.c.
andr...@atipower.it
http://www.aticommerce.com
  (new)
http://www.atipower.it
http://www.jsdir.com
http://www.dxml.it
  (u.c.)

 ha scritto nel messaggio
news:213Z214Z74Z164Y...@usenet1.iol.it...


 chiara, senno sono qui a disposizione...grazie a chi mi risponderà
  Vediamo se ho indovinato. Ogni link e' rappresentato da un'immagine
 e vuoi un effetto rollover al passaggio del mouse  su ognuno di essi.
  L'immagine vista nell'insieme di tutti i links e' un rettangolo che prima era
 un'unica immagine mentre ora deve essere per forza suddivisa in celle;
 una per ogni link.
  Supponiamo che tu abbia 3x2  = 6 links; in tre colonne su due righe.
  Ci vuole un attimo a modificare lo script per adattarlo a tabelle con
 diverse righe e colonne.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="it" dir="ltr">
<head>
<title>Quicker</title>
<SCRIPT>
var links_out = new Array;   // Mouse out
var links_over = new Array;  // Mouse over
var links_siti = new Array("uno.htm","due.htm","tre.htm",
           "quattro.htm","cinque.htm","sei.htm");
var i,j,ind = 0;
var ris = screen.width <= 800 ?  "800" : "1024";     // Bassa risoluzione
for(i = 0; i < 12; i++)  {
    links_out[i] = (new Image).src = "imma" + ris + "_out" + i + ".jpg";
    links_over[i] = (new Image).src = "imma" + ris + "_over" + i + ".jpg";
}
/* e cosi abbiamo in cache tutte le immagini per la giusta risoluzione */
// Quelle a bassa sono numerate progressive in imma800_over0.jpg ecc...
// Quelle in alta sono numerate progressive in imma1024_over0.jpg -
// imma1024_over1.jpg -  imma1024_over2.jpg
function roll_out(n) {
   eval("document.L_" + n + ".src=links_out[" + n + "]");
}  // End roll_out
function roll_over(n) {
    eval("document.L_" + n + ".src=links_over[" + n + "]");
}  // End roll_over
function generate_table_3x2()  {
var str = '<TABLE border=\"0\" align=\"center\" cellpadding=\"0\"
cellspacing=\"0\">';
 for(i = 0; i < 2; i++)  {
     str += "<TR>";
     for(j = 0; j < 3; j++)  {  //
         str += '<TD><A href=\"' + links_siti[ind] + '\"
onMouseOver=\"roll_over(' +
                 ind + ');\" onMouseOut=\"roll_out(' + ind + ');\">';
         str +=  '<IMG border=\"0\" name=\"L_' + ind + '\" src=\"imma' +
                 ris + '_out' + ind++ +'.jpg\"></A></TD>';
     }
     str += "</TR>";
 }  // End for esterno
return str + "</TABLE>";  // Chiusura tabella
}  // End generate_table_3x2
</SCRIPT>
</head>
<body bgcolor="white">
<h1 align="center">Tabella_links_roll</h1>
<script language="JavaScript" type="text/javascript"> <!--
document.open();
document.write(generate_table_3x2());
document.close();
-->
</script>
</body>
</html>
--
Quicker  E-mail: 
qui...@supereva.it
http://www.quicker.f2s.com/