Imagen flotante con la opción cerrar

Primero colocamos este javascript en el head de nuestra web:

 

<script>function cerrarimagen(){div = document.getElementById("close");div.style.display="none";}</script>

Ahora colocaremos este otro codigo en el conten de nuestra web, o en el sidebar, este mismo es para que la imagen flotante se te repita en toda la web( el sidebar en jimdo son las partes laterales.

Este Codigo en un Widget/html:

 

<div id='close' style='border: 0 !important; background: transparent; left:830px;top:60px;position:fixed;width: 60px;z-index:9999'> <a href='javascript:cerrarimagen();'><img src='URL DE BOTON CERRAR' style='float: right;' title='Cerrar'/><img src='URL DE LA IMAGEN FLOTANTE'/></a></div>

 

Escribir comentario

Comentarios: 13
  • #1

    jrtutos (viernes, 20 enero 2012 16:20)

    Donde Veo El Had De Mi Pagina..?

  • #2

    Andres Fernando Montes Rodriguez (jueves, 19 abril 2012 18:22)

    No cierra

  • #3

    James (viernes, 18 enero 2013 17:07)

    Hola
    Se puede adaptar este código para que quede la imagen centrada en la pantalla automáticamente?
    Gracias.

  • #4

    Koko (lunes, 15 julio 2013 08:16)

    Hola! tienes el script para hacer algo como eso que tienes a la izquierda que dice "Tu Pregunta".

    gracias!

  • #5

    "lus (martes, 10 septiembre 2013 11:30)

    "><h1>lus</h1>

  • #6

    yoreparotarma (lunes, 03 febrero 2014 15:27)

    amigos con este codigo de imagen flotante si logre hacerlo, pero que cambios tengo que hacerle para que mi imagen tenga el efecto scroll, que al desplazarlo tambien se mueva la imagen, porque el codigo solo hace que la imagen este estatica.
    gracias.

  • #7

    Ronalds ivan martinez alejandro (martes, 28 julio 2015 11:09)

    hola, como hago para que se desvanezca en un determinado tiempo?

  • #8

    cialis_online (lunes, 17 octubre 2016 01:49)

    Hello!

  • #9

    without (lunes, 17 octubre 2016 01:53)

    Hello!

  • #10

    without (lunes, 17 octubre 2016 23:58)

    Hello!

  • #11

    for (miércoles, 26 octubre 2016 06:42)

    Hello!

  • #12

    cialis (lunes, 07 noviembre 2016 15:24)

    Hello!

  • #13

    generic_viagra (sábado, 19 noviembre 2016 03:01)

    Hello!