Galería Fotos con Dreamweaver
Buenas a todos,
estoy aprendiendo algo de html ya que quiero hacerme mi web personal yo mismo.
La cosa es que hasta ahora las galerías de fotos las tengo hechas a modo de slide (ejemplo: http://goo.gl/USHv0c ), pero para un trabajo concreto me interesa que las fotos pasen una a una con un botón de Anterior y Siguiente.
La forma más sencilla sería hacer una página para cada foto e ir enlazando, pero eso me supone tener duplicadas un montón de páginas, por lo que si nunca tuviera que modificar algo...
Ejemplos:
Mark Mahaney: http://goo.gl/oNptWy
Saty+Pratha: http://goo.gl/LkQ3dh
Entonces, ¿a alguien se le ocurre alguna manera de hacer este tipo de presentación de fotos de forma sencilla? A mi lo que me interesa es que por lo que parece aquí cambia sólo la foto. No se si me explico.
¡¡Muchas gracias por adelantado!!
Usuario desconocido
Pues si tienes mucho tiempo libre, estupendo! Echa un vistazo a este artículo, hay buenos consejos y enlaces a sitios dónde puedes aprender online bastante bien. Algunos son de pago (en plan 30 $ al mes) pero yo me lo pensaría. E investiga. Dreamweaver lo puedes mandar al infierno y utilizar un editor como sublime text para ir empezando. Si te interesa, hay un bonito mundo ahí fuera esperándote :)
polmasip
Hola Vaclad, muchas gracias por los enlaces. Le echaré una ojeada a fondo pero tienen buena pinta! Había mirado lo de jQuery, pero la mayoría que encontré no me terminaba de gustar el resultado, y había mucho CSS que modificar.
Y si laba, te haré caso e intentaré investigar y aprender lo básico. Entiendo lo que dices sobre los resultados "chungos", lo que busco es algo muy sencillo y por ahora después de probarlo de formas diferentes y poco a poco estoy bastante contento con el resultado. Posiblemente conseguiría lo mismo mucho más rápido con un servicio online cómo Cargocollective, 4square,... pero estoy terminando mis estudios y tengo demasiado tiempo libre!
En fin, muchas gracias a todos! Supongo que cuando lo terminé y esté subida ya mostraré el resultado por el foro!
ofris
Hola Vaclad:
Muchas gracias por responder tan rápido. Lo miro detenidamente.
Saludos.
ander-2
Hola Ofris,
Aquí tienes ejemplo de varias:
http://www.queness.com/post/3141/10-image-galleries-jquery-script-with-thumbnail-filmstrip
Si buscas en google enseguida encontrarás muchos otros ejemplos.
ofris
Hola:
Justo entraba con la misma duda, así que me han venido muy bien vuestras respuestas, muchas gracias.
En mi caso, entiendo que profundizar en front puede sacarme de muchos problemas, pero dado los plazos inmediatos que manejo no puedo barajar esa opción a corto plazo.
Amplío un pelín la duda. Tengo la misma necesidad que el primer forero. Sin embargo, no necesito pasar de una foto a otra con botones "siguiente" y "anterior", sino pinchando en miniaturas de las imágenes.
¿Tenéis a mano alguna web donde se describa este caso?
Gracias de antemano!
Usuario desconocido
Yo te recomendaría algo mucho más general. No sé si te interesa aprender realmente algo de front o es sólo que quieres sacar adelante tu web y ya está. Si te interesa aprender de verdad, te puedes hacer un curso básico para tener más o menos claro por dónde van los tiros en esto o reenfocar un poco cómo lo estás aprendiendo (hay mogollón de información en internet) porque por el título del post y cómo planteas la pregunta te veo un poco descolocado.
De todos modos, "aprender algo de html para hacer una web" suele dar unos resultados bastante chungos (si te quedas sólo en eso) y si la quieres usar de forma profesional yo utilizaría algún servicio online que te pueda servir.
ander-2
Hola Pol,
Lo más sencillo es que utilices jQuery para crearte una galería como la que buscas. Si buscas en google encontrarás muchos recursos al respecto, tienes cientos de ejemplos de galería. Te dejo un par de ejemplos que quizás te puedan servir:
http://www.a2zwebhelp.com/jquery-image-rotator-next-previous
http://jquery.malsup.com/cycle2/demo/prevnext.php
El primer ejemplo que has puesto lo que hace es crear varias páginas para cambiar la foto, cosa que no te recomiendo en absoluto. En el segundo ejemplo utiliza este plugin para crear la galería:
http://malsup.com/jquery/cycle/int2.html