Mostra Foto al passaggio sul link

[unreg]

Salve,

ho una serie di link,
vorrei che al passaggio sopra del mouse viene visualizzata una immagine in un div apposito.

le immagini cambiano in base al link, il div no.

Inoltre vorrei fare una sorta di preload se l'immagine non è nelle cache del browser,
tipo come si fa con ajax.

chi mi da una mano ?

grazie !

[floyd]

...
<div id="preview" style="display: none">
  [img]loading.gif[/img]
  [img][/img]
</div>
<script>
function showImg(path) {
  var preview = document.getElementById('preview');
  preview.style.display = 'block';
  var previewImg = document.getElementById('previewImg');
  previewImg.src = path;
  var loadingImg = document.getElementById('loadingImg');
  loadingImg.style.display = 'block';
}

devi sistemare le due immagini in modo da farle stare una sopra all'altra
poi con l'onload su previewImg fai una funzione che nasconde loadingImg

[unreg]

non c'è una soluzione migliore ?

cioè le immagini sono più di 5 & non riesco a sistemarle una sopra all'altra

grazie !

[floyd]

ma hai dato un occhio a cosa ho scritto? :berto:
le immagini sono 2, una per il preload e una per l'immagine
per metterle una sopra all'altra devi usare i css, nel forum css ti sapranno dire come