Slides con JavaScript Publicada el Jueves 19 de Octubre de 2006 a las 12:37 am por Infected-FX

Aquí les dejo este tutorial, para que puedan hacer tipo “slide show” usando solamente javascript, se que igual se puede hacer usando prototype, mootools etc.. etc… pero si quieren algo sencillo que no pese tanto les recomiendo esta alternativa, pueden poner cuantos elementos deseen. Igual vamos a dividir el tutorial en 4 partes.
- HTML
- CSS
- JavaScript
- Implementando

Eden
Octubre 20, 2006 a las 6:16 am
Que pedazo de tuto bro!
este sí ke mola!
es impresionante porke lo ke antes usabamos con iframes ahora lo hacemos con css, mucho mas agradable a la vista, sin complicaciones, y en una sola página!!
genial bro, me la apunto y seguro la usaré
gracias!
HostMx Alon
Octubre 21, 2006 a las 11:50 am
jajaja, si yo tambien lo hacia con iframes xD, ta bueno gracias man!
[No has pensado en lo que te dije de descargar los tutos ¬¬?]
HostMx Alon
Octubre 21, 2006 a las 11:56 am
perdon por doble postear, pero se me olvido algo, xD, el scroll o eso que se va moviendo se ve padre, pero no queda siempre… como seria para que solo cargue la otra slide sin que se mueva… o desplaze thx
Infected-FX
Octubre 21, 2006 a las 6:21 pm
Eden Quebueno que te latió brother ahí cualquier cosa aquí andamos.
HostMx Alon Sobre los tutos de descarga es que tendría que hacer 2 versiónes :P y con eso de que tengo un montón de tiempo apenas me dá oportunidad de traerles una que otra cosita. Y sobre lo que se desplaze no entiendo tu duda brother, como que no queda siempre?
Sauldos.
HostMx Alon
Octubre 23, 2006 a las 11:48 pm
a ok, bueno no hay pex xD si mira aqui hace el javascript que las slides corran de un lado a otro hasta que llega la slide que seleccionaste, a mi lo que me interesaria es ver si se puede con este mismo metodo que al dar click no corran las slides, solo carguen… si me entiendes o no xD?
Viktor
Octubre 30, 2006 a las 3:16 pm
Que tal, disculpa tengo un problemilla . . le agre un 5 boton al menu . . pero no funviona el slide . . ese quinto slide queda abajo del primero. Como lo soluciono?
Infected-FX
Octubre 30, 2006 a las 4:30 pm
HostMX Ya te capté brother, pero si tendría que ser totalmente distintas, has probado este script,AJAX Tabs tal vez te sirva.
Viktor Es onda de la CSS si la abres encontrarás en la clase buttons esta línea width:500px; solo ponle la anchura que necesitas, ojo el tamaño de cada slide tiene esta anchura también, checa que no se jale el borde de abajo del menú ó puedes quitárselo ó hacer del mismo tamaño cada slide.
HostMx Alon
Octubre 31, 2006 a las 10:45 pm
a orale gracias we
Mercaptano
Noviembre 22, 2006 a las 10:03 pm
Hey este tutorial esta poca-madre. DEfinitivamente tines una gran capacidad para transmitir el conocimiento. Yo soy químico y aun así que no tengo mucho conocimiento de estas ondas de programación logre comprender el tutorial y obtener un resultado exitoso gracias a la dinamica que usaste…………
Tu página esta genial y contiene muchas cosas super chidas como estos slides que desde luego me gustaría usar pero antes que nada quiero saber si el codigo que nos compartes es de uso libre o hay algun copyright que deba observar antes de usarlo. Hay necesidad de obtener tu concentimiento, linecencia????????? que pex, porfa dejanos saber…..
Infected-FX
Noviembre 28, 2006 a las 1:36 am
Mercapanto: Mil gracias por los comentarios, es todo un gusto saber que es de utilidad y aún mejor fácil de comprender.
El código base fué generado por Azer Koçulu, pero no traía forma de que se mostrara el link activo y cosas así, entonces lo hemos modificado ^^ y pueden usarlo a su gusto.
Alex Costa
Octubre 17, 2007 a las 9:17 am
Muito bom seu tutorial cara.
gracias hermano.
NESS
Octubre 20, 2008 a las 8:47 am
Hola esta exelente el tutorial… muchas gracias… me va ayudar mucho en la implementacion de varias cosas…
Andaba buscando justamente algo asi… pero con la rotacion automática… pero bueno eso ya será de modificarla yo y quizás la convierta en rotación automática..
Gracias !!