jota-R Posted January 16, 2013 Report Share Posted January 16, 2013 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 More sharing options...
AshWilliams Posted January 16, 2013 Report Share Posted January 16, 2013 <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 More sharing options...
jota-R Posted January 16, 2013 Author Report Share Posted January 16, 2013 <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 More sharing options...
maxuber Posted January 16, 2013 Report Share Posted January 16, 2013 Amigo toma cualquier slider y lo modificas de acuerdo a tus requerimientos. Link to comment Share on other sites More sharing options...
xomarx69 Posted January 17, 2013 Report Share Posted January 17, 2013 Será como esto? http://www.meadmiracle.com/SlidingGalleryDemo1.htm Saludos Link to comment Share on other sites More sharing options...
Ra Posted January 17, 2013 Report Share Posted January 17, 2013 Si eres flojillo usa este pluginhttp://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 More sharing options...
jota-R Posted January 17, 2013 Author Report Share Posted January 17, 2013 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. Será como esto? http://www.meadmiracle.com/SlidingGalleryDemo1.htm Saludos puede ser, pero no especificamente lo mismo, esos slider son "faciles" de hacer. Si eres flojillo usa este pluginhttp://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 More sharing options...
Ra Posted January 17, 2013 Report Share Posted January 17, 2013 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now