¿Recuerdas que te había comentado que no me gustaba mucho el Remooz?: lo encontraba lento y pesadísimo... poco útil, la verdad.
Pero el nuevo Remooz que ha "inventado" un usuario del foro Mootools es una maravilla: échale un ojo a la prueba que tengo hecha en esta entrada. (he eliminado el Remooz de este blog)
Verás que, al picar en la imagen, se desplaza el thumb y abre una información, dentro de la misma imgan, relativa a ésta.
Y ahora funciona con más auavidad y rapidez que el original: Más parecido a la multibox. Además, puede contener varias clases (imagen, html, iframe, flash), Puedes leerlo, ver la demo y descargarlo en el Foro Mootools
Consta de un CSS:
<link rel="stylesheet" href="ReMooz.css" type="text/css" media="all" />
.- SCRIPTS:
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="ReMooz.js"></script>
<script type="text/javascript">
function start(){
/* Usage
*
* ReMooz(elements, options)
* elements can be element object, array, or CSS selector query
*/
new ReMooz($$('#div1 img, #div1 a'), {resize: true}); /* Include all images within div1 */
new ReMooz('ifr', {type: 'iframe'}); /* Initiate object in which id equals to 'ifr' */
new ReMooz('ele', {type: 'element', generateElement: function(element){
switch (element.id){
case 'ele':
return new Element('a', {href: 'http://www.mootools.net', text: 'Know more about Mootools', styles:{'line-height': '50px'}})
break;
default:
}
}}); /* Handling element with ReMooz. ReMooz would search for element which defined by source(id or CSS selector) in options if generateElement is not defined */
}
window.addEvent('domready', start);
</script>
.- HTML: p.e. para una imagen con título e información adicional:
<div id="div1">
<a class="remooz-element remooz-box-zoom-in" href="http://.../PeterGran.jpg"><img style="visibility: visible; opacity: 1;" class="remooz-element remooz-box-zoom-in" rel="{title: 'Peter', content: 'paradigma de la no-madurez'}" src="http://.../PeterGran.jpg"></a>
</div>
Ahora sí me gusta :D
(A ver si así me "animo" a recomenzar y terminar de una vez la historia que he empezado doscientas veces y tantas la he dejado... se me dan mejor los cuentos cortos, bueh...)
Más rápida aunque habría que verla con una imagen nueva más grande.
ResponderEliminarPor cierto, sigo echando un vistazo a los programitas flash o a modificar algunas utilidades gratuitas, fijate por ejemplo esta variante del Image Menu de Phatfusion:
http://www.visual-blast.com/flash/accordion-style-flash-menu/
O estos otros 2 programitas:
Mira estos menus con 3D Environment:
http://www.flashloaded.com/flashcomponents/3denvironment/
Ejemplos:
http://www.flashloaded.com/flashcomponents/3denvironment/example1.html
http://www.flashloaded.com/flashcomponents/3denvironment/example2.html
(Prueba también a moverte con la ruedilla del ratón en ellos, además de con los botones)
También habías puesto una galería muy parecida a esta con Mootools:
http://www.flashloaded.com/flashcomponents/3denvironment/example4.html
Y luego este otro programilla, mira los ejemplos abajo en enlaces (one, two, etc,...):
http://www.coffeecup.com/firestarter/
(Por cierto, quizás deberías cambiar el color de los enlaces en la plantilla, ya que en los comentarios no se consiguen ver al ser el fondo igual)
Había visto el flash-accordion... y me pareció un tanto "engorroso": si alguien quiere abrir desde la imagen, no puede... ha de ir al título. Y se extiende tanto, que antes de pasar al siguiente, se ha cerrado, aunque imagino que las imágenes podrán estrecharse, pero... tiene algo que no me gusta...
ResponderEliminarLos ejemplos de flash son muy espectaculares :) Me gustan. Sobre todo, la galería.
El restarter... creo que dejaré para cuando me aficione más al flash, jajajajaa-
Ya he cambiado el color, fondo y demás de los links... espero que ahora se vean mejor :)