¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Últimos temas

» Me presento xD
[Codigo Javascript]Luz de linterna en imagen EmptyJue Abr 02, 2009 12:51 pm por ilub

» [Reglas]Talleristas del foro
[Codigo Javascript]Luz de linterna en imagen EmptyMiér Abr 01, 2009 5:46 pm por vfcorporation

» Ola soy Diego
[Codigo Javascript]Luz de linterna en imagen EmptyMiér Abr 01, 2009 5:32 pm por vfcorporation

» chevrolet camaro
[Codigo Javascript]Luz de linterna en imagen EmptyMiér Abr 01, 2009 5:29 pm por vfcorporation

» Mi presentacion
[Codigo Javascript]Luz de linterna en imagen EmptyDom Mar 29, 2009 12:19 am por Wario*

» xdp-web
[Codigo Javascript]Luz de linterna en imagen EmptyDom Mar 22, 2009 12:48 am por vfcorporation

» Foro en construcción
[Codigo Javascript]Luz de linterna en imagen EmptyDom Mar 22, 2009 12:46 am por vfcorporation

» sujerencia, por incomodidad
[Codigo Javascript]Luz de linterna en imagen EmptySáb Mar 21, 2009 11:26 pm por vfcorporation

» Miren mi foro
[Codigo Javascript]Luz de linterna en imagen EmptyMar Mar 17, 2009 1:00 am por vfcorporation

Navegación

Flujo RSS


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 

    [Codigo Javascript]Luz de linterna en imagen

    vfcorporation
    vfcorporation


    Cantidad de envíos : 187
    Edad : 37
    Reputación : 1
    Puntos : 5788
    Fecha de inscripción : 30/01/2009

    Hoja de personaje
    ¿Qué tal estás hoy?:
    País de Origen: No se de que pais soy

    [Codigo Javascript]Luz de linterna en imagen Empty [Codigo Javascript]Luz de linterna en imagen

    Mensaje  vfcorporation Sáb Ene 31, 2009 4:50 pm

    Esto hace que al pasar el cursor sobre una imagen,se ilumine una parte de la imagen con una luz de linterna.

    Código:
    <style type="text/css">



    <!--

    #myimage{
    filter:light
    }

    --></style>
    <p align="center"><br />
     </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><img class="" id="myimage" height="230" width="230" alt="" src="[color=red]AQUI TU IMAGEN[/color]" /> <script language="Javascript1.2">

    s = 50; // the size of the spotlight
    vp = 10; // the visibility percent of the picture
    startx = 0; // the top position of your sportlight into the image (on start)
    starty = 0; // the left position of your spotlight into the image (on start)


    var IE = document.all?true:false

    function moveL()
    {
    xv = tempX;
    yv = tempY;
    myimage.filters.light.MoveLight(1,xv,yv,s,true);
    }

    if (IE&&myimage.filters)
    document.all.myimage.onmousemove = getMouseXY;
    var tempX = 0
    var tempY = 0


    function getMouseXY(e) {
    tempX = event.offsetX
    tempY = event.offsetY

      if (tempX < 0){tempX = 0}
      if (tempY < 0){tempY = 0}
      if (t)
      {
      moveL();
      }

      return true
    }

    var xv = startx;
    var yv = starty;
    var t= true;
    if (IE&&myimage.filters){
    myimage.style.cursor="hand";
    myimage.filters.light.addAmbient(255,255,255,vp)
    myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
    }

    </script></p>


    Última edición por vfcorporation el Sáb Ene 31, 2009 4:56 pm, editado 1 vez
    vfcorporation
    vfcorporation


    Cantidad de envíos : 187
    Edad : 37
    Reputación : 1
    Puntos : 5788
    Fecha de inscripción : 30/01/2009

    Hoja de personaje
    ¿Qué tal estás hoy?:
    País de Origen: No se de que pais soy

    [Codigo Javascript]Luz de linterna en imagen Empty Re: [Codigo Javascript]Luz de linterna en imagen

    Mensaje  vfcorporation Sáb Ene 31, 2009 4:56 pm

    Ok: http://rifchat.es.tl/ejemplo.htm

    Recuerda,es un javascript,al serlo solo funciona con internet explorer.

      Fecha y hora actual: Vie Nov 22, 2024 11:05 am