bueno, esto ha generado varias discusiones
http://www.forosdelweb.com/f13/aport...genes-1017074/
en tu caso, no estas rotando sino mostrando en distinto orden todas las imágenes a la vez
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript"> //<![CDATA[
var textofinal = "";
var mezclar = function(n){
for(var j, x, i = n.length; i; j = parseInt(Math.random() * i), x = n[--i], n[i] = n[j], n[j] = x);
return n;
}
var sec = [];
sec[0] = "<img src='1.jpg'>";
sec[1] = "<img src='2.jpg'>";
sec[2] = "<img src='3.jpg'>";
function mostrar(){
var texto = document.getElementById('texto');
var cadena = mezclar(sec).toString();
if(sec.length == 1){
sec[0] = "<img src='1.jpg'>";
sec[1] = "<img src='2.jpg'>";
sec[2] = "<img src='3.jpg'>";
}
for (e=0; e<sec.length; e++) {
textofinal += sec[e];
}
sec.shift();
texto.innerHTML = textofinal;
}
window.onload = mostrar;
//]]>
en el ejemplo, puse los tags <img> como entidades html, para que veas en la pantalla como cambia el orden
SAludos