Últimos temas

» Me presento xD
Jue Abr 02, 2009 12:51 pm por ilub

» [Reglas]Talleristas del foro
Miér Abr 01, 2009 5:46 pm por vfcorporation

» Ola soy Diego
Miér Abr 01, 2009 5:32 pm por vfcorporation

» chevrolet camaro
Miér Abr 01, 2009 5:29 pm por vfcorporation

» Mi presentacion
Dom Mar 29, 2009 12:19 am por Wario*

» xdp-web
Dom Mar 22, 2009 12:48 am por vfcorporation

» Foro en construcción
Dom Mar 22, 2009 12:46 am por vfcorporation

» sujerencia, por incomodidad
Sáb Mar 21, 2009 11:26 pm por vfcorporation

» Miren mi foro
Mar Mar 17, 2009 1:00 am por vfcorporation

Navegación

Flujo RSS


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 

    [Codigo Javascript]Luz de linterna en imagen

    Comparte
    avatar
    vfcorporation

    Cantidad de envíos : 187
    Edad : 30
    Reputación : 1
    Puntos : 3382
    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

    Mensaje  vfcorporation el 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
    avatar
    vfcorporation

    Cantidad de envíos : 187
    Edad : 30
    Reputación : 1
    Puntos : 3382
    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

    Re: [Codigo Javascript]Luz de linterna en imagen

    Mensaje  vfcorporation el 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: Lun Abr 23, 2018 1:16 am