Galeria de imágenes

[kimono69]

Hola, necesito incorporar en mi web una galeria de imágenes,y aunque lo que busco parece trivial no lo encuentro en ningún sitio.
Quisiera tener cuatro imagenes miniatura,y que cada vez que pulsas una se cambie por otra más transparente y a la vez cargue la imagen grande en un contenedor común.
Hasta ahi sé hacerlo,el problema es que quiero que al pulsar otra miniatura desaparezcan los cambios de la miniatura anterior.
Agradeceria cualquier ayuda

[gebremswar]

Hola kimono69, que tal.

Iniciado por kimono69

Hola, necesito incorporar en mi web una galeria de imágenes,y aunque lo que busco parece trivial no lo encuentro en ningún sitio....

También me parece que no sabes mucho de javascript (ya que no nos compartes algún mínimo intento por desarrollar tu galería) y en ese caso te dejo dos videos que te ayudaran a realizar tu galeria de fotos sin saber como se hace en realidad: parte1 y parte2.

Aunque te recomiendo el camino largo: JavaScript, events html y porque no, hacer un buen uso del buscador del foro

[kimono69]

Gracias gebremswar, la galeria la hice precisamente con esos videos, lo que me falta precisamente es javascript para que la miniatura quede seleccionada, soy bastante novato así que espero disculpeis mi ignorancia.
Ya hice uso del buscador pero lo intentaré de nuevo con otra busqueda,y echando un vistazo ya mismo a los otros enlaces q me has pasado-gcs de nuevo

[furoya]

Ya que estás revisando tutoriales, mira algo sobre "colecciones" y recorrer elementos uno a uno.

Porque tus miniaturas empiezan opacas, y se transparentan con un click. Si cambias a otra, lo que se puede hacer es volver al principio, es decir, que otra vez todas sean opacas, y recién después le cambias la opacidad a la nueva elegida. No es necesario saber cuál fue la anterior.

[kimono69]

Gracias Furoya,
El ejemplo de mi página es éste [URL="http://www.elbosquesevilla.com/domaclasica.php"]http://www.elbosquesevilla.com/domaclasica.php[/URL] , ya tengo un efecto de transparencia con mouse over pero quiero que permanezca después del click para indicar qué miniatura es la seleccionada, pero que ese efecto desaparezca al cliquear otra que a su vez se quedará transparente.
No hay un javascript para eso? ya estoy con los tutos,pero creo que tengo para rato
Ahora miraré también lo de colecciones,gracias por vuestra ayuda

[furoya]

Entiendo que lo de que permanezca semitransparente después del click, ya lo tienes. Está en mil tutoriales y es JS básico. Hay que aplicarle un filtro alpha() (para IE viejos) y un opacity:. Preferentemente cambiando la clase.

Pero antes le aplicas a toda la colección de botones la clase que los pone opacos, después le das la transparencia al elegido.

Hay otros mil tutoriales y ejemplos al respecto. (Tantos que no recuerdo ninguno para linkear.)

[kimono69]

jeje debo ser muy torpe no encuentro nada....supongo que con la info que me habeis pasado lo acabaré logrando, gracias

[furoya]

No estoy seguro. Y no es cuestión de torpeza. Lo que pasa es que esa animación está hecha con CSS, no con JS. Si quieres puedes preguntar en ese foro si es posible mantener la transparencia en CSS3, pero creo que no.

Vas a tener que reescribirlo, y usar javascript.

El problema que encuentro es que al ver el escript que cambia las imágenes, noto que es uno de esos de "copiar y pegar". Temo que si no puedes escribir un efecto de reemplazo con JS, es muy probable que no puedas escribir tampoco un efecto de "retener" la transparencia en el botón. Posiblemente vayas a tener que integrarlos, sería lo mejor; y para eso hay que entenderlos. Y ese escript es lamentable, ni sé si conviene desarmarlo para estudiarlo. Casi te conviene aprender algo de JS y hacerlo de nuevo (lo más difícil será esa especie de "transición", pero como casi ni se nota...). Entonces sí te va a ser más fácil agregarle el efecto a los botones, y que se mantenga mientras coincida con el que está mostrando.

[kimono69]

bueno el script es de dreamweaver cs6, yo de Javascript no tengo ni idea pero como decis lo mejor es empezar de 0....así que a seguir con los tutos,gracias x el consejo