Hola necesito para mi web hacer lo siguiente.... tengo una serie de imagenes de un catalogo y necesito que en una misma pagina haya 5 imagenes del catalogo (que tiene alrededor de 100 imagenes) que sean aleatorias.... El problema es que encontre codigos en la web pero son para una sola imagen aleatoria .. quisiera saber si hay algun codigo para que aparezcan varias y obviamente que no se repetia ninguna a la vez... y quiero saber que es mejor, si hacerlo con javascript o php.. desde ya muchas gracias!
Encontre estos dos codigos.. si hay alguno mejor diganme..
----------------------------------------------------
IMAGEN ALEATORIAS CON JAVASCRIPT...
----------------------------------------------------
<HTML>
<TITLE>Image Aleatoria</TITLE>
<SCRIPT LANGUAJE="JAVASCRIPT">
<!-- Comienzo del JavaScript
<!-- JavaScript que muestra una imagen Aleatoriamente -->
<!-- basado en fuente de PcUsers (#) -->
<!-- ACLARACIón: Este Script se puede usar Libremente , es decir la copia -->
<!-- y reproduccion está permitida. Siempre y cuando mencionen el nombre -->
<!-- del Autor, osea yo. Muchas Gracias. -->
<!-- -->
<!-- Autor: Gabriel Rodríguez. -->
var imagenes = new armarvector ("ejemplos/lanacion.gif", "ejemplos/logotycm.gif","ejemplos/pcu.gif", "ejemplos/sur.gif", "ejemplos/maragato.gif");
// Declaramos todas las imagenes
var enlaces = new armarvector ("#", "#","#", "#", "#");
// Declaramos sus respectivos enlaces
function Imagen_Aleatoria() {
hoy= new Date();
maximo=5; //La cantidad de imagenes que poseemos.
segundos=hoy.getSeconds();
if (segundos==0) {segundos=1}
while (segundos>maximo) {segundos=segundos-maximo}
document.write ('<A HREF="'+enlaces[segundos]+'"><IMG SRC="'+imagenes[segundos]+'" border=0>');
}
function armarvector (v1, v2,v3,v4,v5) {
this[1]=v1;
this[2]=v2;
this[3]=v3;
this[4]=v4;
this[5]=v5;
}
// Aquí tenemos nuestro Vector de imagenes, si tuvieramos 6 imagenes o más
// tendriamos que agregar las siguientes líneas.
//Ejemplo:
//--------
// function armarvector (v1, v2,v3,v4,v5,v6) {
// this[1]=v1;
// this[2]=v2;
// this[3]=v3;
// this[4]=v4;
// this[5]=v5;
// this[6]=v6;
// }
// Espero que te sirva de algo...
</SCRIPT>
<BODY>
<center><h1>El Enlace del Día es ... </h1>
(Pulsá sobre el botón actualizar ...)<p>
<SCRIPT>Imagen_Aleatoria()</SCRIPT><br><br>
<center>
<a href="#">
<br><a href="javascript
:history.go(0)">Actualizar</a><br><br>
<font color="#0000FF" size="1" face="Arial">Gamarod - Recursos JavaScript</font></a>
<br>
<font color="#000000" size="1" face="Arial">Gabriel
Rodríguez, Bs As - Argentina </font></center>
</center>
<br><br><br>
</BODY>
</HTML>
----------------------------------------------------
IMAGEN ALEATORIAS CON PHP...
----------------------------------------------------
<?php
$total = "5"; // Numero total de imagenes
$extension = ".gif";// Definimos la extension, puede ser .jpg, gif, bmp, etc.
$carpeta = "/themes/Factory-Music_Theme/images";//Carpeta con las imagenes
$link = "index.html"; //enlace de las imagenes aleatorias
// De aqui para abajo no es necesario modificar nada
$start = "1";
$random = mt_rand($start, $total);
$image_name = $random . $extension;
echo "<a href='$link'>";
echo "<img src='$carpeta/$image_name' border='0'>";
echo "</a>";
?>
----------------------------------------------------
AHH algo importante tambien... cada imagen debe tener su respectivo enlace..
Por favor ayudenme!! gracias
