Ciao a tutti,
ho inserito in una pagina html 11 immagini con link di cui 10 di dimensioni uguali 190x190px e 1 di 380x380px.
Queste immagini si posizionano in modo random grazie a questo script
codice:
<script type="text/javascript">
window.onload = function()
{
   var elenco = document.getElementById('home')
   var immagini = elenco.getElementsByTagName('span')
   var contenuto = new Array()
      for (var i = 0; i < immagini.length; i++)
      {
         contenuto.push(immagini.item(i).innerHTML)
      }

   function numero_casuale()
   {
      var numero = Math.round(Math.random()) - 0.5
      return numero
   }
   contenuto.sort(numero_casuale)

   var codice = ''
   for (var i = 0; i < immagini.length; i++)
   {
      codice += '<span>' + contenuto[i] + '</span>'
   }
   elenco.innerHTML = codice
}
</script>
Il problema è che a seconda di dove va a rifinire l'immagine + grande scorre tutto e non si forma + un rettangolo.
Come posso limitare la posizione dell'immagine + grande solo in posizione 1-2-6-8 oppure sempre in posizione 2?
Grazie
----
Dimenticavo, le immagini si caricano una a fianco dell'altra in serie di 3 righe e 5 colonne, tutte fatte tramite i css con
<span>[img]images/quadratoVuoto.jpg[/img]</span>