Mostrando resultados del 1 al 7 de 7

Tema: Colocar Imagenes Aleatorias en el Blog(PHP).

  1. #1
    Avatar de danielmd
    danielmd está desconectado Usuario Eta
    Registro
    06-abril-2009
    Ubicación
    Mexicali Beach
    Mensajes
    1.400
    CMS
    CMS Utilizado
    Ir a danielmd página de inicio Mi Twitter
    Bueno, después de estarle moviendo a mi blog se me ocurrio poner algunas imágenes aleatorias en una parte y pues me puse a cascarear con el php hasta que salio lo que quería.

    Por si alguien quiere poner imágenes aleatorias en su blog ya sea header, slide, footer or whatever.

    Para hacer esto es realmente sencillo, aquí se los pongo y se los explico abajo.
    Código:
    <!--RANDOM IMG-->
    <img src="<?php bloginfo('template_url'); ?>/RANDOMIMG/<?php $num=rand(1, 8); echo ''.$num; ?>.png" tag="Hello people" border="0">
    <!-- RANDOM IMG-->
    Primero que nada deben crear una carpeta con el nombre que quieran y ahi meten todas las imágenes que quieran enumeradas.

    Después colocan ese código sustituyendo RANDOMIMG por la carpeta donde guardaron las imágenes(recomiendo subirla en la carpeta del theme que usan) y listo empezaran a salir imágenes aleatorias.

    ¿Ahora que es? <?php bloginfo('template_url'); ?>
    Esta función se utiliza para jalar la ruta del theme que están utilizando.
    Y que es? <?php $num=rand(1, 8); echo ''.$num; ?>
    Aquí tenemos una variable a la que le asignaremos un numero del 1 al 8 aleatoriamente, es decir que podrán aparecer 8 imágenes distintas y se imprime con un echo el numero aleatorio que completara la ruta, ejemplo 4.jpg

    Y bueno, esa fue la forma mas sencilla que se me ocurrio, pero acá pueden ver otra que esta mas compleja.
    How to: Display a random header image

    Espero les sirva.

    P.D. Dentro del img pueden asignarle las medidas también W y H.
    Me fuenteo: How to: colocar imagenes aleatorias en wordpress
    Última edición por danielmd; 02-ago-2009 a las 23:50
    Siguemesta...
    Twitter: @danielmd

  2. #2
    Avatar de KnxDT
    KnxDT está desconectado Usuario Iota
    Registro
    21-abril-2009
    Ubicación
    Lima - Perú
    Mensajes
    2.410
    CMS
    CMS Utilizado
    Mi Twitter Mi Facebook
    La única observación a tener en cuenta para evitar problemas es que esto:

    <?php $num=rand(1, 8); echo ''.$num; ?>

    Debe darse siempre y cuando tengas esa cantidad de imágenes (8) en la ruta del theme del blog, caso contrario se ocasionarán errores de referencia.

    Por lo demás, de 10. Gracias por el minitutorial.
    Un blogger más.

    Twitter: @KnxDT

  3. #3
    Avatar de Luis
    Luis está desconectado Usuario Iota
    Registro
    20-abril-2009
    Ubicación
    Republica Dominicana
    Edad
    21
    Mensajes
    2.015
    CMS
    CMS Utilizado
    Ir a Luis página de inicio Mi Twitter
    Uff... Gracias, no sabe todo lo que eh buscado esto.
    Si no luchas por lo que quieres luego no te quejes de no tenerlo...

  4. #4
    Avatar de Santiago
    Santiago está desconectado Usuario Gamma
    Registro
    18-julio-2009
    Ubicación
    Chacabuco, Bs. As., Argentina
    Edad
    18
    Mensajes
    171
    CMS
    CMS Utilizado
    Ir a Santiago página de inicio Mi Twitter Mi Facebook Mi Google+
    Muy buena utilidad, aunque yo lo hago de otra forma para tenerlo mas organizado:

    Código PHP:
    <?php

    $slider 
    = array();

    $slider[] = array(
        
    'imagen' => 'assets/img/imagen2.png',
        
    'descripcion' => 'Alta categoría (?)'
    );

    $slider[] = array(
        
    'imagen' => 'assets/img/imagen3.png',
        
    'descripcion' => 'Alta categoría 2 (?)'
    );

    $slider[] = array(
        
    'imagen' => 'assets/img/imagen4.png',
        
    'descripcion' => 'Alta categoría 3 (?)'
    );

    $slider[] = array(
        
    'imagen' => 'assets/img/imagen5.png',
        
    'descripcion' => 'Alta categoría 4 (?)'
    );

    $numero rand(0,3); // Nota: Los números del array empiezan en 0, no en 1

    ?>

    <img src="<?php $slider[$numero]['imagen']; ?>" alt="<?php $slider[$numero]['descripcion']; ?>" />
    De esta forma tenés todas nombres personalizados para las imágenes y le podés poner un titulo o un mensaje alternativo a cada una (Ideal para los sliders que muestran un texto superpuesto).
    « about.me »

  5. #5
    jgastrell está desconectado Curioso
    Registro
    03-agosto-2009
    Edad
    32
    Mensajes
    14
    Ir a jgastrell página de inicio
    estos codigos funcionan para wordpress?? gracias
    que haces knxdt! yo estaba en forobl.....

  6. #6
    Avatar de Santiago
    Santiago está desconectado Usuario Gamma
    Registro
    18-julio-2009
    Ubicación
    Chacabuco, Bs. As., Argentina
    Edad
    18
    Mensajes
    171
    CMS
    CMS Utilizado
    Ir a Santiago página de inicio Mi Twitter Mi Facebook Mi Google+
    Cita Iniciado por jgastrell Ver Mensaje
    estos codigos funcionan para wordpress?? gracias
    que haces knxdt! yo estaba en forobl.....
    Deberían de funcionar en cualquier CMS que utilice PHP, WordPress incluído.
    « about.me »

  7. #7
    Avatar de AndresRV
    AndresRV está desconectado Usuario Epsilon
    Registro
    14-abril-2009
    Ubicación
    Lugo (España)
    Edad
    23
    Mensajes
    784
    CMS
    CMS Utilizado
    bueno, rescato este tema porque he encontrado una solución alternativa a la que propone daniel, y es la siguiente:

    Código:
    <table cellpadding="1" cellspacing="0" width="450" height=450>
    <tr>
    <td align="center" valign="top" width="33%"><a href="" class="link"><img src="" border="0" width="120" height="120" title="xxxxx"><br><b>xxxxxxx</b></a>
    
    etc
    etc
    
    </tr>
    </table>

Información del tema

Users Browsing this Thread

Actualmente hay 1 usuarios leyendo este tema. (0 miembros y 1 invitados)

Temas Similares

  1. Plugin WP para colocar Infolinks en tu Blog
    Por SoloNegocios en el foro Plugins WP
    Respuestas: 7
    Último mensaje: 01-sep-2009, 01:35
  2. Subir imágenes desde URL
    Por Alan en el foro Plugins WP
    Respuestas: 8
    Último mensaje: 08-ago-2009, 17:19
  3. Respuestas: 11
    Último mensaje: 16-jul-2009, 12:51
  4. Ayuda a colocar imagen
    Por Luis en el foro Wordpress
    Respuestas: 0
    Último mensaje: 15-may-2009, 18:53
  5. Etiquetas alt en las imagenes
    Por Jhon MV en el foro Blogger
    Respuestas: 1
    Último mensaje: 22-abr-2009, 15:42

Normas de Publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •