Newsgroup: it.comp.www.html
Titolo: problema con link

Non riesco a fare dei rollover sensibili dove la seconda immagine venga
posizionata in un punto per lutti i link, esempio il mappamondo in questa
pagina (
http://www.turistipercaso.it/viaggi/mappamondo.asp
)
Io ho dreamweaver 3 forse si può fare ma non so come?
Grazie anticipatamente

 ha scritto:

certo che si puo'. innanzitutto devi dare un "name" ad ogni immagine.
poi con la funzione di on mouse over gli associ il comportamento
change images. ad esempio: on mouse over su image1 change image 2
se non mi sono spiegato bene... se non riesci riposta...
Ciao!
aNdY^bOoM
togli NOSPAM per le risposte
e-mail: andy_boom[chiocciola]
hotmail.com

Grazie mille

punto)
umm si mi sono spiegato male, se hai dw puoi fare in maniera visuale e
ti gernera questo codice, te l'ho commentato ma se fai copia e incolla
e smanetti con DW capisci come e' fatto :)
<html>
<head>
<title>Esempio</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<!--Lo script lo inserisci qui non occorre modificare nulla --> 
<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF"
onLoad="MM_preloadImages('immaginechecambia2.GIF')">
<!--questo qua sopra fa il preload dell'immagine o delle immagini che
devono cambiare in questo caso solo una come esempio  --> 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('immaginechecambia','','immaginechecambia2.GIF',1)">
<!--qua sopra associ il NAME dell'immagine che vuoi che cambi al nome
del file IMG SRC con l'immagine che vorrai visualizzare  --> 
<img src="immaginefissa.jpg" width="114" height="42"
name="immaginefissa" border="0"
<!--qui invece e' specificato il NAME e l'IMG SRC dell'immagine che
rimarra fissa e che quando il mouse ci va sopra cambia l'altra
immagine --> 
</a></td>
    <td><img src="immaginechecambia.GIF" width="114" height="42"
name="immaginechecambia"></td>
<!--qui e' ovviamente specificato il NAME e l'IMG SRC dell'immagine
che poi cambiera quando il mouse verra spostato su immaginefissa --> 
  </tr>
</table>
</body>
</html>

vabbe ho dato un'occhiata al sito e mi pare che il problema sia gia' stato
risolto... pero'....
pero'... forse sarebbe il caso di inserire anche un preload delle immagini,
altrimenti ogni volta l'utente deve connettersi per scaricarsi l'immaginina
col nome del paese e aspettare che venga caricata, mentre se usi un preload
l'effetto e' immediato...
se invece che lo script (lunghissimo) di dream ne usi uno ad hoc la cosa e'
immediata... se non ci riserci fammi un fischio che appena ho un attimo di
tempo te lo scrivo
aldo
http://www.gruppo4.com
--
Posted from 
DNS.GRUPPO4.COM
 [193.70.107.66] 
via Mailgate.ORG Server - 
http://www.Mailgate.ORG

oggi mi sento buono... e il sito di turisti per caso mi e' simpatico :)))
ti ho scritto qui sotto il codice dello script che fa al caso tuo in una
paginetta html dimostrativa (chiaramente dovrai cambiare l'url delle
immagini nel preload).
E' parecchio piu' corto e piu' malleabile di quello scritto da dream :))
Non c'entra nulla ma te lo dico... qui e li ci sono dei caratteri non
standard all'interno del testo, per esempio c'e' qualche apostrofo (quello
inclinato, non l'apice dritto) che su mac si veda come una O maiuscola con
l'umlaut... dacci un'occhiata...
ciao
aldo
----------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/REC-html40/loose.dtd
">
<HTML>
<HEAD>
<META HTTP-EQUIV="content-type" CONTENT="text/html;charset=iso-8859-1">
<TITLE>Rollover modificato</TITLE>
<SCRIPT TYPE="text/javascript"><!--
/****************************************************************
FUNZIONE ROLLOVER
Script from 
sup...@gruppo4.com
 - 
http://www.gruppo4.com
You can use this code if you leave this message
****************************************************************/
function roll(imgName,newSrc) {
if (document.images) {
eval('document.images["'+imgName+'"].src = '+newSrc+'.src')
}
}
/*preload immagini*/
if (document.images) {
vuoto = new Image(); vuoto.src = 'img/vuoto.gif';
italia = new Image(); italia.src = 'img/italia.gif';
spagna = new Image(); spagna.src = 'img/spagna.gif';
francia = new Image(); francia.src = 'img/francia.gif';
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<!-- immagine -->
<IMG SRC="img/vuoto.gif" ALT="nome paese" WIDTH="200" HEIGHT="50" NAME="paese">
<!-- link -->
<P><A HREF="#" ONMOUSEOVER="roll('paese','italia')"
ONMOUSEOUT="roll('paese','vuoto')">italia</A></P>
<P><A HREF="#" ONMOUSEOVER="roll('paese','spagna')"
ONMOUSEOUT="roll('paese','vuoto')">spagna</A></P>
<P><A HREF="#" ONMOUSEOVER="roll('paese','francia')"
ONMOUSEOUT="roll('paese','vuoto')">francia</A></P>
</BODY>
</HTML>
-----------------
