elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: ¿Eres nuevo? ¿Tienes dudas acerca del funcionamiento de la comunidad? Lee las Reglas Generales


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  mover imagenes onclick con jquery
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: 1 2 [3] 4 5 Ir Abajo Respuesta Imprimir
Autor Tema: mover imagenes onclick con jquery  (Leído 14,146 veces)
gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
Re: mover imagenes onclick con jquery
« Respuesta #20 en: 20 Abril 2014, 23:52 pm »

Si es posible, si, para poder ver el otro menu, osea la otra imagen que hace exactamente lo mismo. Son como dos menus, si uno se muestra el otro se oculta.


En línea

Pablo Videla


Desconectado Desconectado

Mensajes: 2.275



Ver Perfil WWW
Re: mover imagenes onclick con jquery
« Respuesta #21 en: 21 Abril 2014, 00:02 am »

No estoy seguro pero supongo que es lo contrario con lo que hiciste xD

Código
  1. $( ".layer_1:first" ).animate({ left: -100}, { duration: 1000, step: function( now, fx ){
  2. $( ".layer_1:gt(0)" ).css( "left", now );
  3.  

Recuerda el ejemplo que te puse

Código
  1. $( "#right" ).click(function() {
  2.  $( ".block" ).animate({ "left": "+=50px" }, "slow" );
  3. });
  4.  
  5. $( "#left" ).click(function(){
  6.  $( ".block" ).animate({ "left": "-=50px" }, "slow" );
  7. });
  8.  
Fijate cuando va a la derecha, le suma pixeles, cuando va al lado izquierdo, le resta la misma cantidad de pixeles.

Asi que debería servir con lo que te puse primero.


En línea

gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
Re: mover imagenes onclick con jquery
« Respuesta #22 en: 21 Abril 2014, 00:06 am »

Aah vale claro, si estaba pensando justamente en algo asi. Voy a probar y te cuento.

Pero hay un problema, y es que hacia la derecha no funciona! :(

Código
  1. $(document).ready(function(){
  2. $("#layer_1").click(function(){
  3. $(this).toggleClass("layer_3");
  4. $("#layer_0").hide();
  5. $( ".layer_3:first" ).animate({ right: 100}, { duration: 1000, step: function( now, fx ){
  6. $( ".layer_3:gt(0)" ).css( "right", now );
  7. }
  8. });
  9. });
  10. });
  11.  
  12.  
« Última modificación: 21 Abril 2014, 13:46 pm por #!drvy » En línea

Pablo Videla


Desconectado Desconectado

Mensajes: 2.275



Ver Perfil WWW
Re: mover imagenes onclick con jquery
« Respuesta #23 en: 21 Abril 2014, 00:11 am »

Acuerda que tu tenias left:100
te dije que si querias que volveria a su posicion debia ser left:-100

En línea

gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
Re: mover imagenes onclick con jquery
« Respuesta #24 en: 21 Abril 2014, 00:13 am »

Si, ese código es de la otra imagen, que debe de ir hacia la derecha.

Además, ¿donde se supone que debo poner el mismo codigo pero con el -100? dentro del mismo click? debajo del todo? pero donde dice layer_2:first poner second?
En línea

Pablo Videla


Desconectado Desconectado

Mensajes: 2.275



Ver Perfil WWW
Re: mover imagenes onclick con jquery
« Respuesta #25 en: 21 Abril 2014, 00:16 am »

Si, ese código es de la otra imagen, que debe de ir hacia la derecha.

Además, ¿donde se supone que debo poner el mismo codigo pero con el -100? dentro del mismo click? debajo del todo? pero donde dice layer_2:first poner second?

En que momento quieres que vuelva a su posición original? Cuando le des click por segunda vez y ya este en la corrida? pero quieres que en ese momento solo vuelva a su posición original y nada más?
En línea

gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
Re: mover imagenes onclick con jquery
« Respuesta #26 en: 21 Abril 2014, 00:22 am »

Quiero que vuelva con el segundo click, es decir, el primer click lo corre a la izquierda y una vez quieto si se le vuelve a dar, el segundo, que vuelva a su posicion original y aparte que muestre el que se oculto.

Y lo otro, me refiero a que la función animate solo funciona hacia la izquierda, no se mueve hacia la derecha y necesito que la otra imagen gire a la derecha.



Otra cosa, desde que empece tengo un problema muy extraño con el css... Las dos imagenes ocultas que se deben mostrar al click, segun las opciones css estan en la misma posicion que las visibles, pero cuando en el codigo html quito lo de oculto y las veo que estan en otra posición, pero en las opciones tienen la misma posicion... Por ejemplo layer_0 esta en left:700px y top:170px y layer_02 igual, pero en el diseño esta en otra posicion...

¿Como es esto posible? :huh: :huh:

Me molesta porque rompe la resolución de toda la pagina y salen las barras para subir y mover al lado, aunque no se vea nada porque estan ocultas...

EDITO: Vale, ya lo he solucionado los problemas, lo del css y la posicion era porque el div de la imagen estaba dentro de otro div con otra imagen, por eso cuando ponia una encima de la otra marca posicion left y top 0... Y lo otro, efectivamente he tenido que trastear para averiguar que numero negativo equivalia al 100, el mas parecido -1550 para que se moviera el mismo tramo.
« Última modificación: 21 Abril 2014, 13:43 pm por #!drvy » En línea

Pablo Videla


Desconectado Desconectado

Mensajes: 2.275



Ver Perfil WWW
Re: mover imagenes onclick con jquery
« Respuesta #27 en: 21 Abril 2014, 17:55 pm »

¿Que problemas quedan?
En línea

gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
Re: mover imagenes onclick con jquery
« Respuesta #28 en: 21 Abril 2014, 18:06 pm »

Ahora mismo tengo un problema que no funciona el .show() y no consigo averiguar que pasa...

Código
  1. $(document).ready(function(){
  2. $("#layer_0").click(function(){
  3. $(this).toggleClass("layer_2");
  4. $("#photo").hide();
  5. $("#layer_1").hide();
  6. $( ".layer_2:first" ).animate({ 'left': 100}, { duration: 1000, step: function( now, fx ){
  7. $( ".layer_2:gt(0)" ).css( "left", now );
  8. }
  9. });
  10. $("#design_menu").show().delay(1000); // not working ???
  11. });
  12. });
  13.  

He probado tambien cambiandolo a class, pero nada, el html es igual que el de antes:

Código
  1. <div id="design">
  2.        <div id="design_menu" class="design_menu" style="visibility:hidden">
  3.         <div id="web_design" class="web_design">
  4.  

Debajo de design_menu hay 6 divs que son las opciones, debajo de cada opcion hay tablas que deben quedar ocultas hasta que se pinche en una opcion y muestre su tabla. Las tablas las tengo ocultas en css con visibility:hidden.

Ahora el problema, es que el script no muestra las opciones, bueno muestra el design_menu y las opciones al ser child, deberian de mostrarse, no? Como hago para que no se muestren las tablas que deben quedar ocultas hasta pinchar las opciones?

Llevo horas dandole vueltas y probando muchas cosas...
« Última modificación: 21 Abril 2014, 18:37 pm por #!drvy » En línea

Pablo Videla


Desconectado Desconectado

Mensajes: 2.275



Ver Perfil WWW
Re: mover imagenes onclick con jquery
« Respuesta #29 en: 21 Abril 2014, 18:16 pm »

Código
  1. $("#design_menu").show().delay(1000); // not working ???
  2.  

Cambialo por

Código
  1. $("#design_menu").fadeIn();
  2.  
MODIFICO:
En todo caso, tu delay deberia funcionar, creo que el problema es el otro y lo que te planteo despues.

Para mas propiedades respecto a fadeIn
http://api.jquery.com/fadein/

respecto a lo que ocultas, si tienes por ejemplo un div padre y lo tienes oculto y tambien tienes explicitamente oculto el hijo. Entonces, al mostrar el padre, NO SE MOSTRARA EL HIJO, hasta que le pongas display:block explicitamente al igual que el padre, esto se puede hacer con el show, el fadein, etc.
<div id="padre" style="display:none">
<div id="hijo" style="display:none" >
</div>
</div>
« Última modificación: 21 Abril 2014, 18:37 pm por #!drvy » En línea

Páginas: 1 2 [3] 4 5 Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
como acceder a mis imagenes y mover imagenes a una carpeta en C:\
Programación Visual Basic
ricardovinzo 3 4,643 Último mensaje 9 Junio 2008, 00:03 am
por seba123neo
mover Css Jquery
Desarrollo Web
David Vans 4 3,551 Último mensaje 20 Mayo 2011, 11:08 am
por David Vans
vectores con imagenes y evento onclick « 1 2 »
PHP
Atemu 12 4,017 Último mensaje 2 Julio 2013, 19:12 pm
por Atemu
vectores con imagenes y evento onclick
PHP
Atemu 2 1,056 Último mensaje 26 Junio 2013, 03:30 am
por Atemu
como mover una sección hasta el final de otra con jquery
Desarrollo Web
colcrt 3 1,093 Último mensaje 16 Marzo 2019, 04:48 am
por #!drvy
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines