Ya para terminar con esto les dejo un ejemplo, pueden poner listas, imágenes, formularios etc.. etc.. aún no veo como hacer que funcione con un flash metido ó alguno de esos “elementos” pero mientras tanto todo lo que tenga que ver con html directamente funciona sin problema.
[...] Fonte: http://infectedfx.net/ [...]
Slides con Javascript…
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 alter…
Código open source para maquetación de páginas web, flexible y rápido, basado en estandares CSS. La documentación está en español ;) markercss.com
Con este sencillo script, podras generar thumbnails o imagenes en miniatura al vuelo de las imágenes de tu página, bastante fácil de implementar. Tan solo debes subir un archivo .php a tu servidor y llamar a la imagen con una serie de parámetros para configurar tamaño y calidad… http://code.google.com/p/timthumb/
Woothemes ah liberado un hermosos set de iconos, estos han sido diseñados por WeFunction. woothemes.com
Linkwithin es un plugin para wordpress que nos permite rescatar los post perdidos al buscar los post relacionados al artículo que estemos escribiendo y enlazándolo con la primera imagen del artículo… linkwithin.com
Impresionante lista de tutoriales, todos con una calidad sorprendente para diseñaores gráficos o web realmente vale la pena revisarlos. webdesigndev.com
12 comentarios para Slides con JavaScript
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!
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 ¬¬?]
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
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
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.
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?
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?
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; /* ANCHO DEL MENU */ 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.
a orale gracias we
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…..
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.
Muito bom seu tutorial cara.
gracias hermano.
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 !!