Buscador
.

07 noviembre 2011

Imágenes flotantes que cambian automáticamente

Con este truco vas a poder colocar en tu página imágenes flotantes que cambien automáticamente al actualizar la ventana, el código que tienes que utilizar es este

<script type='text/javascript'>
// <![CDATA[
imgblJTEE = new Array(4)

imgblJTEE[0] = "<a href='URL PAGINA 1'><img border='0' src='URL IMAGEN 1' style='position:fixed; bottom:0; right:0;'/></a>"
imgblJTEE[1] = "<a href='URL PAGINA 2'><img border='0' src='URL IMAGEN 2' style='position:fixed; bottom:0; right:0;'/></a>"
imgblJTEE[2] = "<a href='URL PAGINA 3'><img border='0' src='URL IMAGEN 3' style='position:fixed; bottom:0; right:0;'/></a>"
imgblJTEE[3] = "<a href='URL PAGINA 4'><img border='0' src='URL IMAGEN 4' style='position:fixed; bottom:0; right:0;'/></a>"

AJblcn = Math.random() * (imgblJTEE.length)
AJblcn = Math.floor(AJblcn)
document.write(imgblJTEE[AJblcn])
// ]]>
</script>
Lo que está en rojo lo cambias por los enlaces que quieres que tengan las imágenes y si no quieres poner ningún enlace solo escribe #
Lo que está en azul lo cambias por la URL de  tus imágenes.

38 comentarios:

  1. cual sería el url de las imagenes?

    ResponderEliminar
  2. Anónimo: puedes ver esta entrada para saber la URL
    http://www.truco95.com/2011/10/como-subir-tus-propios-archivos-y.html

    ResponderEliminar
  3. Yo quisiera saber sobre este mismo código pero que en vez de que sea flotante sea fijo en un lugar solamente... como seria el cambio... Es que hace rato que tengo esta duda ojala me pueda ayudar es para mi web y lo ando necesitado en estos momentos
    http://planetafutbol93.jimdo.com/

    ResponderEliminar
    Respuestas
    1. Hola Charly: para es sólo tienes que cambir todas las veces que diga "fixed" por "Absolute" :)

      Eliminar
  4. Una consulta, ¿como puedo hacer para incluír más imágenes? A ver si estoy en lo correcto: tendría que cambiar el valor en donde dice: "imgblJTEE = new Array(4)" a "imgblJTEE = new Array(9)" si quiero 9 imágenes? Y despues agregar: "imgblJTEE[4]"??
    "

    ResponderEliminar
    Respuestas
    1. Hola, para agregar más imagines tienes que volver a copiar el código que empieza en

      imgblJTEE[3] y termina en a>"

      y sustituir 3 por cuatro y así sucesivamente hasta 9 :D

      Eliminar
  5. y si lo quiero al lado izquierdo y no al derecho?

    ResponderEliminar
  6. Y como lo haríamos para que las imágenes se cambiaran por si solas al cabo de unos pocos segundos? gracias por tu ayuda

    ResponderEliminar
    Respuestas
    1. Este comentario ha sido eliminado por el autor.

      Eliminar
    2. Si me das una cuenta de correo puedo enviarte un código para que intentes :))

      Eliminar
    3. tomasamayo@gmail.com por favor si me enviarias ese codigo te lo agradeceria

      Eliminar
  7. No hace falta, ya lo conseguí. Gracias.

    Si quieres te doy el código por privado

    ResponderEliminar
    Respuestas
    1. que bien, te lo agradecería mucho si me lo puedes enviar a info@truco95.com
      gracias

      Eliminar
  8. Código enviado. Gracias por todo.

    ResponderEliminar
  9. Como puedo cambiar el código, para que se muestre la imagen en la parte de arriba de la web? y no abajo como esta en el código.

    ResponderEliminar
    Respuestas
    1. Cambia

      bottom

      Por

      top

      Todas las veces que aparezca

      Eliminar
    2. como hago para crear un chat online tipo facebook tienes un codigo que sea en español y que tenga buena interface

      Eliminar
  10. como le hago para que se cambie en segundos.. osea quiero como una presentacion de imagenes con enlaces pero que cambie en cuestion de segundos

    ResponderEliminar
    Respuestas
    1. No se podría. El script ya viene configurado para ese tiempo. Cuando consiga uno nuevo con gusto te avisaré!

      Eliminar
  11. pone fotos para ver como se verían las cosas :/ asi como una prevista ._. (?)

    ResponderEliminar
  12. hola como hago para ponerle un boton cerrar a la ventana

    ResponderEliminar
    Respuestas
    1. Este código no se abre en una ventana, sino en la misma página. Entonces no se podría.

      Eliminar
  13. Ola amigo oye porque será q noo me sale nada

    ResponderEliminar
  14. "necesito ayuda" esq simplemente no me sale nada lo copie y lo pegue y no sale nada

    ResponderEliminar
  15. como hago para que en vez de ser estatico cambie en segundos?

    ResponderEliminar
  16. Hola!

    Yo he hecho lo que pone ahí y no consigo que mis imágenes se pasen solas.
    Que puede estar pasando? He de poner algún script más o algo?

    Gracias

    ResponderEliminar
  17. hola, gracias por el truco, se puede modificar el truco, no quiero que cambian la imagen cada vez se actualiza la pagina web, sino que salga cada 10 minutos.

    ResponderEliminar
  18. hola el codigo no me funciona amigo

    ResponderEliminar
  19. sabes el codigo para q las imagenes se desplieguen solas dentro de un div , y quiero q me floten algunas apenas abran la paginas y el codigo q pusiste no me anda podrias hablarme al correo el_yeikol_1993@hotmail.com

    ResponderEliminar
  20. buenas una pregunta estoy haciendo mi pagina con adobe muse me permite html pero como coloco que imagen va a pasar? gracias ecelente

    ResponderEliminar
  21. AMIGO COMO PUEDO PONER EL BOTON DE LIKE DE FACEBOOK EN MI WEB SIN Q SE VEA Q ESTE INVISIBLE PERO Q SIGA ALLY?

    ResponderEliminar