Jump to content

como se llama el efecto?


Recommended Posts

Saludos colegas.

 

Me había alejado del diseño web, solo estaba programando, pero ahora (hace un tiempo) vi un efecto que me parecio bueno, pero no logro encontrar como se llama tal efecto.

 

realmente CREO que se hace con jquery y css, pero no estoy seguro, por eso lo posteo aca, de no ser asi, obvio que lo moveran :tonto:

 

 

buscando denuevo el ejemplo, encontre uno similar aqui, y es que presionando en el menu se mueva de izquierda a derecha y viceversa el contenido.

http://www.4templates.com/website-templates/251153158-WT00905/demo/#red

 

entiendo que hacer el mismo ejemplo de forma vertical es mas simple, utilizando frames y referencias, pero desconozco al hacerlo horizontal :/

 

saludos!

Link to comment
Share on other sites

<div class="previous" style="-webkit-user-select: none;"></div>

 

Al parecer usan transiciones....de todas maneras inspecciona los elementos desde chrome y saca tus conclusiones....no se ve muy complicado ;)

 

Saludos :krider:

Link to comment
Share on other sites

<a href="#home" class="jumplink" style="-webkit-user-select: none;">Home</a>

 

esa es la referencia que ocupan en el nav

 

el de class previous que nombras es en el "contenido", pero no encuentro como enlazarlos.

 

ese movimiento de transicion no encuentro como hacerlo.

 

 

 

 

 

 

Link to comment
Share on other sites

Si eres flojillo usa este plugin

http://kevinbatdorf.github.com/codaslider/

 

Si no, puedes hacer un mix entre esto http://jqueryui.com/tabs/ y http://docs.jquery.com/UI/Effects/Slide con algo así:

$( ".selector" ).tabs({ fx: { direction: 'left' } });

 

Incluso, puedes ser creativo y usar cualquiera de estos efectos:

http://docs.jquery.com/UI/Effects/

 

Salu2.

Link to comment
Share on other sites

Amigo toma cualquier slider y lo modificas de acuerdo a tus requerimientos.

 

nop, no es la idea base, soy de la idea de que si vas a hacer algo, aprendelo bien para que las cosas queden bien.

 

 

 

puede ser, pero no especificamente lo mismo, esos slider son "faciles" de hacer.

 

 

Si eres flojillo usa este plugin

http://kevinbatdorf.github.com/codaslider/

 

Si no, puedes hacer un mix entre esto http://jqueryui.com/tabs/ y http://docs.jquery.com/UI/Effects/Slide con algo así:

$( ".selector" ).tabs({ fx: { direction: 'left' } });

 

Incluso, puedes ser creativo y usar cualquiera de estos efectos:

http://docs.jquery.com/UI/Effects/

 

Salu2.

 

weon, eso del codaslider es cercano a lo que andaba buscando, pero supongo que si dices "ser flojito" para ocupar eso, hay cosas mejores.

 

estudiare la segunda opcion que me das :D

 

gracias a todos, andaba buscando mas que nada el nombre del efecto, pero ya me lo acaban de dar :D asique a ponerle wendy para que quede filete, despues libero el codigo que resulte si queda bien :D

Link to comment
Share on other sites

Buena... Ese es el espíritu... Con flojito me refería a que podías descargar y usar directamente el plugin sin ir mas allá y saber cómo funciona.... En realidad, flojo no es el término correcto... XD

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...