Uno de mis proyectos online es un software para generar galerias de fotos. Poco original, que se le va a hacer, pero es que es algo a lo que me gustaria dedicarle algo de tiempo para experimentar con imagenes embebidas en php, manejo de comentarios sin supervisión y alguna más de esas extrañas ideas que pululan por mi mente.

En realidad, el aspecto en sí­ de las galerias era algo que no me importaba en absoluto, y de hecho primero escribí­ una versión básica del programa y lo recubrí­ con el primer skin que ví­: un calendario, con las imagenes en el sitio de los dias. Muy poco más que una tabla.

Pero hete aquí­ que en uno de mis garbeos, pirulos, que dice la chiquillada, me encontré con un efecto en unas galerias bastante chulo, que aunque ni funcionaba correctamente ni era compatible con los principales navegadores (quicir, con el principal navegador, y con el que yo uso), se le veia potencial.

Y esta mañana me he decidido por fin a implementar el concepto: thumbnails que se hacen más grandes al pasar el ratón por encima.

Las imagenes tienen una clase con un tamaño definido, pero con un evento onmouseover de javascript hacemos que les cambie a otra clase con un tamaño mayor cuando les pasa elcursor del ratón por encima, y con un onmouseout las volvemos a dejar como estaban al salir. Además, hace falta un truco del almendruco, ya que si las dejamos tal cual, al aumentar de tamaño nos moverán toda la página en un efecto hiper-mareante: meterlas centradas dentro de una tabla con una sola celda de tamaño un poquití­n mayor que el tamaño grande de las imagenes.

<style>.imageng{ height: 120px; width: 160px}.imagenp{ height: 84px; width: 112px}</style>

<table width=170 height=130><tr><td align=center valign="middle"><img src="imagen.jpg" class="imagenp" onmouseover="this.className='imageng'"    onmouseout="this.className='imagenp'" align="center" border=0></td></tr></table>

Para una muestra mejor, el depósito de imágenes.

ACTUALIZACIí“N 20050315, 19:37. A petición, más razonable de lo que aparentan los comentarios, de Onez de añadir transparencia a los thumbnails, he añadido los siguientes comandos al css .imagenp: filter:alpha(opacity=50); para el internet explorer, y-moz-opacity:0.5; para los hijos de mozilla, aunque desluce bastante al tener un fondo plano.

Onez (13/03/2005, 12:30) Secuencia (hecha en 10 minutillos con Flash/ActionScript): Por defecto: Fondo blanco --> imagen efecto alfa al 38% Interactivo: 1 on rollOver: imagen efecto alfa al 38% --> imagen efecto alfa al 100% 2.a on rollOut: imagen efecto alfa al 100% --> imagen efecto alfa al 38% 2.b on Press: aumento tamaño imagen (poco a poco....no A LO BESTIA/cutremente) 3 on rollOut: disminuye imagen a su tamaño original + alfa al 38% (Obviamente podrí­a haber hecho el ampliar/reducir con rollOver/Out). No se qué cosas de este tipo permitirá hacer JavaScript, pero ese efecto q consideras la reostia me parece bastante cutre. Salu2

Saiyine (15/03/2005, 1:22) La razón por la que prefiero mi presunta reostial versión es simplemente que la mia ocupa 30 o 40 bytes, funciona en los principales navegadores y es independiente de la imagen, mientras que la tuya aun no sé que hace, por lo visto necesito un plugin, en particular unoque me hinché a desinstalar cuando curraba dando clases, porque tiene el bug conocido de reiniciar los k6. Macroalgo. ¿Macromierda? Algo por el estilo. Perdón señoritas por el abandono temporal de la página, estoy en plena reinstalación, ya os contaré.

Yhandros (15/03/2005, 12:01) Ocupa más, es menos estandar y reinicia los k6 (el ultimo lo ví­ hace muuucho tiempo en una galaxia muy lejana), pero sigue siendo más vistosa la versión flash :D. -- Yhandros

Saiyine (15/03/2005, 16:58) Juas, no como tu nuevo pentium 2, que te lo han traido del futuro.

Onez (15/03/2005, 17:00) "la mia ocupa 30 o 40 bytes" --> obviamente, tu efecto no es el mismo al q yo me referia (el que he colgao en la Web), para hacer eso, mejor no hacer nada (por supuesto, es mi opinión, habrá mucha gente q lo vea gracioso (tu efecto)). El hecho q le puede dar "elegancia" a ese tipo de cosas, es hacer el efecto del paso de translúcido a ní­tido y viceversa (al hacer el rollOver/Out), y por otro lado, hacer una ampliación/reducción de imagen poco a poco (aunque ciertamente, este efecto no queda tan brillante como el del translúcido). "funciona en los principales navegadores" --> ¿qué navegadores usas tú? pq a mi lo mio en FireFox y explorer (no he probado otros) si me rula. "es independiente de la imagen" --> correcto, por eso preguntaba si era posible hacer con JavaScript algo similar, y si no, hay q elegir entre hacer esa cutrerí­a o buscar otro método. "por lo visto necesito un plugin" --> por lo visto, si quieres jugar al Half-Life 2, no puedes hacerlo con una gráfica de 8 Mb y un Pentium 100...mierda de juego! "porque tiene el bug conocido de reiniciar los k6. Macroalgo. ¿Macromierda?" --> ¿?¿?¿?¿?¿?¿?¿?¿? Salu2. PD: Limpieza de 3 o 4 jugadores en el Madrid YA!

Saiyine (15/03/2005, 19:16) Estas discusiones son las que me hacen pensar "para que @#! me molesto en escribir nada". El otro dí­a os puse como solucionar vuestros problemas con los comentarios, y la respuesta que tuve fue uno chapuceandolo con un javascript y el otro no solo pasando olimpicamente sino que encima al dí­a siguienteme vino con "no veas que cosa más chula he descubierto" y me manda una versión hiper chorra y ultra simplificada de lo mismo que habia escrito yo en la página. Hoy os pongo un efecto web rápido y sencillo ¡PARA UNA GALERIA!, y me venis con una versión en flash. Manda huevos. ¿Y por qué no una animación en opengl? Total, todos tenemos ordenadores más o menos recientes... Aquí­ lo que IMPORTA, y por lo visto no he sabidodejar claro, es que va a ser usado en cientos de imagenes. ¿Os vais a poner a hacer una a una con el flash? ¿Os mando las 251 imagenes que ya hay subidas y me las pasais a flash? ¿Y las 200 que hay en cola para subirlas??? Evidentemente que se pueden hacer mejores efectos, vaya un descubrimiento, lo que cuenta aqui es que se tiene que poderaplicar a más de cuatrocientas imagenes dinámicamente. ¿Lo vais a hacer vosotros? Si es así­, decidmelo y os las mando. Sin problemas. Se cierra este post, que total, para los comentarios que hay...

Onez (15/03/2005, 21:45) Sai, olvida todo lo q te he dicho, demasiao q te curras las cosas y estás ahi siempre al pie del cañon con la Web. Se despide, un SaiWebReader.

Yhandros (15/03/2005, 22:52) Ver a través de ti... podemos, noto mucho miedo en tí­. La leche como te picas, se te va a saltar la vena del parpado. -- Yhan

Jomer (16/03/2005, 10:15) Señores! Señores! Por que no resuelven sus diferencias civilizadamente, y os dais de hostias de una jodida vez?

Anonimo (16/03/2005, 11:50) Estoy de acuerdo con la muchacha de arriba, a hostia limpia hay que resolver las diferencias, aunque una buena pelea de motocicletas nunca está de más.

Tapanez (16/03/2005, 11:51) Por cierto, me doy cuenta de que al insertar el comentario y cambiar de página siempre dice que el post mostrado es una versión antigua, aunque sea el primero.

Saiyine (16/03/2005, 14:29) Si, esa parte esta bastante verde. Esta tarde le hare algun remiendo.

BaldwinsLover (16/03/2005, 15:02) Yo también quiero aportar mi granito de arena a la discusión: exterminio del flash (y del funcionariado también). Personalmente tengo el plugin del flashblock instalado en el firefox con lo cual no cargo (ni descargo) ninguno de los flash que aparecen en la pantalla a menos que sean un menú. Y añado, ¿por qué leches le da a la gente por poner botones y menús en flash cuando la página está en html? Si la hacen en flash, pues bien, no la veré, pero para poner solo unos menús es muy sencillo con cualquiera de las mil librerí­as de javascript para eso. Supongo que esto se debe a que el OndeadorDeSueños facilita mucho lo de los botones con las cuatro tonterí­as que tiene para eso. Y claro, no se puede negar qeu el programa es la repera cuando se sabe cómo utilizarlo, pero aún más cuando se sabe CUíNDO utilizarlo. En fin, el problema de siempre con la solución clásica: licencias estatales para programar con flash y la "sociedad nacional del flash" presididad por alguna estrella retirada como .... Verónica Forqué.