Allora conviene fare una funzione a parte.

[img]areariservata/img/img.gif[/img]


dove in uno script nella head della pagina ci sara`:
codice:
function mostra (cosa) {
  if(cosa.length>2) {
    document.getElementById('immagine').src = cosa;
    document.getElementById('fotografia').style.visibility = 'visible';
  } else {
    document.getElementById('fotografia').style.visibility = 'hidden';
  }
}
Il CSS andrebbe messo in un file esterno o per lo meno nella head:
codice:
<style type="text/css">
#fotografia {
  border-right:#000000 1px; 
  border-top:#000000 1px; 
  z-index:1; left:6px; 
  visibility:hidden; 
  border-left:#000000 1px;
  width:101px;
  border-bottom:#000000 1px;
  position:absolute;
  top:176px; height:100px;
  background-color:#9900CC:
}
</style>
Allora il tag Div diventa:
<div id="fotografia">[img]QUALCOSA[/img]</div>