Imagen Aleatoria con Enlace

En Publica una Imagen Aleatoria mostramos una forma de visualizar una imagen de forma aleatoria en nuestras webs.

Si deseamos que esa imagen sea un enlace a ella misma podemos usar el siguiente código:

<?php
//*******************************************
//*
//* Nombre Fichero: img_ale_link.php
//*
//* Función:
//* Devuelve una imagen aleatoria con enlace
//*
//* Por jgarcía Mayo-2005
//*
//*******************************************

// Vector con las imágenes.

$imagen[]=”foto1.jpg”;
$imagen[]=”foto2.jpg”;
$imagen[]=”foto3.jpg”;

// Selección aleatoria de la imagen.
$aleatoria=rand(0,count($imagen)-1);

// Mostramos la imagen elegida con el enlace.
echo “<a href=”.$imagen[$aleatoria].”><img src=”.$imagen[$aleatoria].” /></a>\n”;
?>

Para finalizar en el punto de la página que deseamos insertar la imagen, debemos escribir las síguientes líneas de código:

<?php
include(”img_ale_link.php”);
?>

9 comentarios en “Imagen Aleatoria con Enlace”

  1. El Nota PR: 0dijo:

    ok…entiendo que enlaza con la misma imagen, para verla en pop-up o más grande o x separado pero… y para enlazar a una url cualqiera, a una web por ejemplo…?? o me estoy equivocando?? te agradecería que me lo aclarases, gracias

  2. jgarcía PR: 6dijo:

    En ese caso es más simple, Nota.

    Sólo debes asignar la URL de la página al argumento “HREF” de la etiqueta “A”:

    echo “<a href=’http://www.sitioweb.com/pagina.html’><img src=”.$imagen[$aleatoria].” /></a>\\n”;

  3. El Nota PR: 0dijo:

    entiendo, pero esto limita al script a un sólo link, si no m eqivoco. mi idea es colocar imágenes al azar a modo de banners, pero pudiendo especificar el link de cada una, para que sean banners de distintas categorías… o me vuelvo a equivocar?? jeje, gracias y un saludo jg!!!

  4. jgarcía PR: 6dijo:

    En ese caso lo mejor será definir una matriz bidimensional asociativa en lugar de un vector. En la primera columna almacenas el nombre de la imagen y en la segunda el enlace asociado a esa imagen.Por ejemplo:

    <?php
    //**************************************
    //* *
    //* Imágenes Aleatorias *
    //* con enlaces a otros *
    //* sitios webs. *
    //* *
    //* Por jgarcía Mayo-05 *
    //* *
    //**************************************

    // Array asociativo con las imagenes y los enlaces.

    $imagenes[0][”foto”]=”foto1.jpg”;
    $imagenes[0][”enlace”]=”http://www.jggweb.com/”;
    $imagenes[1][”foto”]=”foto2.jpg”;
    $imagenes[1][”enlace”]=”http://www.bitacoradewebmaster.com/”;

    // Seleccion aleatoria imagen.
    $aleatoria=rand(0,count($imagenes)-1);

    // Presentamos la imagen con su correspondiente enlace.

    echo “<a href=”.$imagenes[$aleatoria][”enlace”].”><img src=”.$imagenes[$aleatoria][”foto”].” /></a>\n”;
    ?>

  5. El Nota PR: 0dijo:

    gracias crack, voy a probarlo ahora mismo y te informaré. ahora sólo he de copiar ese código como image_ale_link.php y llamarla en la sidebar con
    < ?php
    include("img_ale_link.php");
    ?>, no?

    miles de gracias!!

  6. El Nota PR: 0dijo:

    gracias crack, voy a probarlo ahora mismo y te informaré. ahora sólo he de copiar ese código como image_ale_link.php y llamarla en la sidebar con el php include, no?

    miles de gracias!!

  7. El Nota PR: 0dijo:

    uff… acabo de probarlo y no me rula. copié todo al pie de la letra pero en el sidebar me aparece el siguiente error:

    Warning: Unexpected character in input: '\' (ASCII=92) state=1 in /datos/home/corrcana/public_html/corrupcioncanaria/wp-content/themes/Blix/img_ale_link.php on line 7

    Warning: Unexpected character in input: '\' (ASCII=92) state=1 in /datos/home/corrcana/public_html/corrupcioncanaria/wp-content/themes/Blix/img_ale_link.php on line 17

    Warning: Unexpected character in input: '\' (ASCII=92) state=1 in /datos/home/corrcana/public_html/corrupcioncanaria/wp-content/themes/Blix/img_ale_link.php on line 19

    Parse error: parse error, unexpected T_VARIABLE in /datos/home/corrcana/public_html/corrupcioncanaria/wp-content/themes/Blix/img_ale_link.php on line 20

    De momento puedes verlo en la web q estoy construyendo en wordpress, pero volveré pronto a la normalidad si no encuentro una solución :(.

    Gracias

    No sé si es que lo he hecho mal…soy algo novato!!

  8. Fernando PR: 0dijo:

    Yo lo estoy viendo, anda bien, pero tené cuidad con las “”, si lo copiás tal cual te da error pero en el code revisá las comillas, cambiales y anda. Yo lo que no se es como sacarle el borde al link. También soy novato.

  9. Cristian PR: 0dijo:

    Como hago para mostrar mas de 1 imagen? o las que quiera…

Deja tu comentario

XHTML: Puedes usar las etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>