Rotar de sitio Imágenes en una página

juancarsantana · #1 (**permalink**) 17/02/2013, 08:10

Buen día.

Tengo una página con varias fotos ( 1,2,3...). Todas tienen el mismo tamaño.
Me gustaría que no estén siempre en el mismo orden, sino que cada vez que entren en esa página el orden vaya rotando (8,1,5....).

Saludos y gracias.

emprear · #2 (**permalink**) 17/02/2013, 09:51

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">
<head>
<title>titulo</title> 
<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] = "&lt;img src='1.jpg'&gt;";
sec[1] = "&lt;img src='2.jpg'&gt;";
sec[2] = "&lt;img src='3.jpg'&gt;";
function mostrar(){
var texto = document.getElementById('texto');
var cadena = mezclar(sec).toString();
if(sec.length == 1){
sec[0] = "&lt;img src='1.jpg'&gt;";
sec[1] = "&lt;img src='2.jpg'&gt;";
sec[2] = "&lt;img src='3.jpg'&gt;";
}
 
for (e=0; e<sec.length; e++) {
textofinal += sec[e];
}
 
sec.shift();
texto.innerHTML = textofinal;
}
 
 window.onload = mostrar;
 
 
//]]>
</script>
</head>
<body>
<div id="texto">
</div>
</body>
</html>

en el ejemplo, puse los tags <img> como entidades html, para que veas en la pantalla como cambia el orden

SAludos

juancarsantana · #3 (**permalink**) 17/02/2013, 19:34

Justo lo que buscaba.
Estoy intentando separar las imágenes entre sí, e intentando enlazarlas a sus páginas correspondiente. Alguna idea.

Muchísimas gracias.

emprear · #4 (**permalink**) 17/02/2013, 19:53

Cita:

Iniciado por juancarsantana

Justo lo que buscaba.
Estoy intentando separar las imágenes entre sí, e intentando enlazarlas a sus páginas correspondiente. Alguna idea.

Muchísimas gracias.

Lo de separar las imágenes no lo entiendo (a lo mejor te referís a distribuir los links de las imágenes en sectores específicos de la página)

En cuanto al link, en tu array cambiarías esto

Código:

sec[0] = "<img img src='1.jpg'>";

por esto

Código:

sec[0] = "<a href='link1.html'><img img src='1.jpg' border='0' alt='link1' /></a>";

SAludos