Efecto seguir mouse
Publicado por Joaquim (1 intervención) el 20/03/2016 09:07:06
Buenos dias,
Estoy realizando el siguiente efecto:
http://www.joaquimcano.net/waho/JScircle/presentation01.html
He estado modificando algunos codigos de un efecto photoshoot para conseguir el efecto que quiero (no soy experto en la materia como veis) y hay parte del codigo que no estoy utilizando. El principal problema que tengo es que cuando paso el mouse por los bordes de la imagen el efecto se queda 'enganchado', no es un movimiento suave. No se si alguien me podria aconsejar para solucionar el problema o si hay otra manera de conseguir este mismo efecto, creo que me estoy complicando mucho. Muchas gracias!
HTML:
CSS:
http://www.joaquimcano.net/waho/JScircle/presentation01.html
JavaScript:
http://www.joaquimcano.net/waho/JScircle/photoShoot/jquery.photoShoot-1.0.js
http://www.joaquimcano.net/waho/JScircle/script.js
Estoy realizando el siguiente efecto:
http://www.joaquimcano.net/waho/JScircle/presentation01.html
He estado modificando algunos codigos de un efecto photoshoot para conseguir el efecto que quiero (no soy experto en la materia como veis) y hay parte del codigo que no estoy utilizando. El principal problema que tengo es que cuando paso el mouse por los bordes de la imagen el efecto se queda 'enganchado', no es un movimiento suave. No se si alguien me podria aconsejar para solucionar el problema o si hay otra manera de conseguir este mismo efecto, creo que me estoy complicando mucho. Muchas gracias!
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" type="text/css" href="photoShoot/jquery.photoShoot-1.0.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="photoShoot/jquery.photoShoot-1.0.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div><img src="LUANDAline1.jpg" width="1100px" height="477px" alt="" class="under"/></div>
<div id="main"></div>
</body>
</html>
CSS:
http://www.joaquimcano.net/waho/JScircle/presentation01.html
JavaScript:
http://www.joaquimcano.net/waho/JScircle/photoShoot/jquery.photoShoot-1.0.js
http://www.joaquimcano.net/waho/JScircle/script.js
Valora esta pregunta


0