De todos los que me has propuesto, Brainiac, es el que menos "obstructivo" me parece (además el Remooz me parece leeeento, leeeeeentoooo) y más guapo queda, con ese efecto elástico tan original.
Lo he colocado en una entrada del BLOG DE PRUEBAS, y lo hice así:
.- SCRIPTS:
<script src='http://junioscripts.googlepages.com/mootools-release-1.11.js' type='text/javascript'/>
<script src='http://www.diariothc.com/wp-content/Imagenes/10-2007/thumbnoo/thumbnoo.js' type='text/javascript'/>
.- HTML. Añadimos a la URL de la imagen la clase del thumb:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLkTIppyeqUXLp9V86cs4-XqDnTCHTxDUL6JldswbTjgBEhvCThtxaGhuvgQ0DDLj1ec2cGxgMSm9ukUrs07s-RtbShTAt4CL1SjgpPOebzKoEXPwiWGBf0pyQMjAaIHf1q7ppknFkm_XO/s400/Oto%C3%B1o.jpg" width="200" height="200" class="thumbnoo h:374 w:800" style="float: left"/>
Los primeros "width" y "height" señalan el tamaño de la imagen en pantalla, antes de resaltarla. Con "h" y "w" señalamos a la imagen el tamaño que va a tener al resaltarla con el thumb.
Además del efecto elástico, hay otros, como el de pop-up y otro (del que no recuerdo su nombre) que hace a la imagen "salir" de su cuadro cuando pasas el ratón sobre ella, y volver al mismo al picar encima... pero para conseguirlo ya hace falta un script adicional que no me soportan los restantes de mis blogs de pruebas sin fastidiarse... y no me apetece abrir un nuevo blog, que ya debo tener como cien, jajjaja :(
Vía: diariothc
Veo que te has agenciado una versión anterior que funciona con la actual Mootools 1.1 y que va sin problemas, con la ventaja de que no nos fastidia la compatibilidad de los otros scripts teniendo que poner una de las Mootools en Beta :D
ResponderEliminarEstoy totalmente de acuerdo en que esta hasta ahora es la menos obstructiva, y el nuevo desarrollo que está haciendo es muy, muy prometedor con el slideshow, las galerías y todo lo demás, el detallito de la aspita y tal como Multibox seguro que no es dificil de añadir y el efecto de transición en el zoom es un extra que se agradece, que seguro se podrán poner otras. Le ha puesto cantidad de opciones la verdad, va a ser un gran script.
Además la funcionalidad de mouse over está muy bien. Quizás un detalle que se puede añadir a la versión no beta es meterle un poco de styles para cambiar el cursor al pasar por encima de la imagen, para indicar que se puede ampliar, en la nueva versión ya se evidencia.
Esta me ha gustado mucho, si señor, y no hay que poner el script de la multibox junto al html, una simple class y listo! muy buena!
Hay mucho en la red para aprender... y mucho también en CSS: cosas que hasta ahora sólo se podían conseguir sudando imágenes o scripts.
ResponderEliminarMenos mal... o algunos de nosotros nos aburriríamos mortalmente, jajajjaa
Sí, para mí los rollovers solo con css sin javascript en su momento fue todo un descubrimiento, y poco a poco he visto que con CSS hay muchísimo más de lo que parecía! xDDD
ResponderEliminarPor cierto, sobre lo que me comentabas del flash en image rotator, hay unas plantillas totalmente gratuitas que son impresionantes solo hace falta registrarse, pero quitan el hipo, la de la televisión o la lupa:
http://www.flashvillage.com/
si algún día no hacemos un blog xDDD
Ajá... las ví hace tiempo y se me pusieron los dientes largos, jajajaaa, pero... ¡es que me da una pereza enorme andar ocn flash!. Además, he visto páginas recargadísimas en otras webs, con todo flash, que terminan (al menos a mí) por marearme...
ResponderEliminarAhora: éstas son de las plantillas de flash más elegantes y "discretas" que he visto por ahí últimamente, la verdad.