Foros del Web » Programando para Internet » Javascript »

Rotar de sitio Imágenes en una página

Estas en el tema de Rotar de sitio Imágenes en una página en el foro de Javascript en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 17/02/2013, 08:10
 
Fecha de Ingreso: septiembre-2011
Ubicación: Gran Canaria
Mensajes: 134
Antigüedad: 12 años, 5 meses
Puntos: 1
Rotar de sitio Imágenes en una página

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.
  #2 (permalink)  
Antiguo 17/02/2013, 09:51
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Rotar de sitio Imágenes en una página

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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. var textofinal = "";
  10. var mezclar = function(n){
  11. for(var j, x, i = n.length; i; j = parseInt(Math.random() * i), x = n[--i], n[i] = n[j], n[j] = x);
  12.  
  13. return n;
  14. }
  15. var sec = [];
  16. sec[0] = "&lt;img src='1.jpg'&gt;";
  17. sec[1] = "&lt;img src='2.jpg'&gt;";
  18. sec[2] = "&lt;img src='3.jpg'&gt;";
  19. function mostrar(){
  20. var texto = document.getElementById('texto');
  21. var cadena = mezclar(sec).toString();
  22. if(sec.length == 1){
  23. sec[0] = "&lt;img src='1.jpg'&gt;";
  24. sec[1] = "&lt;img src='2.jpg'&gt;";
  25. sec[2] = "&lt;img src='3.jpg'&gt;";
  26. }
  27.  
  28. for (e=0; e<sec.length; e++) {
  29. textofinal += sec[e];
  30. }
  31.  
  32. sec.shift();
  33. texto.innerHTML = textofinal;
  34. }
  35.  
  36. window.onload = mostrar;
  37.  
  38.  
  39. //]]>
  40. </head>
  41. <div id="texto">
  42. </div>
  43. </body>
  44. </html>

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

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 17/02/2013, 19:34
 
Fecha de Ingreso: septiembre-2011
Ubicación: Gran Canaria
Mensajes: 134
Antigüedad: 12 años, 5 meses
Puntos: 1
Respuesta: Rotar de sitio Imágenes en una página

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.
  #4 (permalink)  
Antiguo 17/02/2013, 19:53
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Rotar de sitio Imágenes en una página

Cita:
Iniciado por juancarsantana Ver Mensaje
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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: página, rotar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:01.