immagine grafica web

Il codice per realizzare lo sfondo va inserito:

• nel tag head questa parte con i nomi ed il percorso corretto per le immagini:

<script LANGUAGE="JavaScript">
<!--
<!-- Begin
if (navigator.appName == "Microsoft Internet Explorer") {
image_directory = "http://javascript.internet.com/img/bg-changer/";
pic1 = new Image();pic1.src = "disegni-maglieria-ceramica/serie1-angolo-s.jpg";
pic2 = new Image();pic2.src = "disegni-maglieria-ceramica/serie-3-angolo-s.jpg";
pic3 = new Image();pic3.src = "disegni-maglieria-ceramica/serie6-angolo-s.jpg";
pic4 = new Image();pic4.src = "disegni-maglieria-ceramica/serie7-angolo-s.jpg";
pic5 = new Image();pic5.src = "disegni-maglieria-ceramica/serie9-angolo-s.jpg";
pic6 = new Image();pic6.src = "disegni-maglieria-ceramica/serie-12-angolo-s.jpg";
}
function imagechange(imgName) {
if (navigator.appName == "Microsoft Internet Explorer") {
document.body.background = eval(imgName + ".src");
}
}
//End -->

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

 

 

• nel tag body va inserito questo codice al quale si possono naturalmente cambiare lo stile della tabella,
  i colori, la misura delle immagini, ecc. Le immagini andranno dimensionate tutte uguali, per ottenere
  un bell'effetto continuo, è meglio studiare un disegno (appunto come uno sfondo) che continui da una all'altra.
  <table border="1" cellspacing="2" style="border-width:2mm; border-color:#2D5DBF; border-style:ridge;">
  <tr>
  <td><a href="disegni-maglieria-ceramica/serie-1.jpg" onMouseOver="imagechange('pic1');"><img src="disegni-maglieria-ceramica/serie1-angolo-s.jpg" width="80" height="80" alt="edera"></a></td>
  <td><a href="disegni-maglieria-ceramica/serie-3-angolo.jpg" onmouseover="imagechange('pic2');"><img src="disegni-maglieria-ceramica/serie-3-angolo-s.jpg" width="80" height="80" alt="rosa dei venti" /></a></td>
  </tr>
  <tr>
  <td><a href="disegni-maglieria-ceramica/serie-6.jpg" onmouseover="imagechange('pic3');"><img src="disegni-maglieria-ceramica/serie6-angolo-s.jpg" width="80" height="80" alt="greche" /></a></td>
  <td><a href="disegni-maglieria-ceramica/serie-7-angolo.jpg" onMouseOver="imagechange('pic4');"><img src="disegni-maglieria-ceramica/serie7-angolo-s.jpg" width="80" height="80" alt="triangoli"></a></td>
  </tr>
  <tr>
  <td><a href="disegni-maglieria-ceramica/serie-9.jpg" onMouseOver="imagechange('pic5');"><img src="disegni-maglieria-ceramica/serie9-angolo-s.jpg" width="80" height="80" alt="fiori"></a></td>
  <td><a href="disegni-maglieria-ceramica/serie-12-angolo.jpg" onMouseOver="imagechange('pic6');"><img src="disegni-maglieria-ceramica/serie-12-angolo-s.jpg" width="80" height="80" alt="corde"></a></td>
  </tr>
  </table>