EL script del Mooflow es este:
Código:
El codigo del Multibox<script type="text/javascript"> var myMooFlowPage = { start: function(){ var mf = new MooFlow($('MooFlow'), { stylePath: 'MooFlow.css', interval: 3000, useSlider: true, useAutoPlay: true, useCaption: true, useResize: true, useWindowResize: true, useMouseWheel: true, useKeyInput: true, onClickView: function(image){ myMooFlowPage.showMyImage(image); } }); $$('.loadjson').addEvent('click', function(){ mf.loadJSON(this.get('href')); return false; }); $$('.loadremote').addEvent('click', function(){ mf.remoteImg(this.get('href'), this.get('rel')); return false; }); }, /* thats a simple demo you can add your own FullSizeViewer */ showMyImage: function(imageObject){ var image = imageObject['copy']; var coords = imageObject['coords']; var overlay = new Element('div',{ 'styles':{ 'position':'absolute', 'top': 0, 'left': 0, 'z-index': 200000, 'width': '100%', 'height': '100%', 'background-color': '#000', 'opacity': '0.85' } }).inject(document.body,'bottom'); var myViewer = new Element('div',{ 'styles':{ 'position':'absolute', 'top': '0px', 'left': '0px', 'z-index': 200001, 'padding': '10px', 'background-color': '#fff', 'cursor': 'pointer' } }).inject(document.body,'bottom'); image.inject(myViewer); var myProps = new Element('div',{ 'styles':{ 'color':'#000', 'font-size': '11px' } }); if(!Browser.Engine.trident){ var html = '<h3>returned image > all attributes:</h3>'; $A(image.attributes).each(function(att){ html += ("<strong>"+att.name+"</strong>: "+att.value+"<br/>"); }); myProps.set('html', html); } myProps.appendText(JSON.encode(coords)); myProps.inject(myViewer,'bottom'); myViewer.addEvent('click', function(){ overlay.dispose(); this.dispose(); }); myViewer.setStyles({ 'left':window.getSize().x*0.5-myViewer.getSize().x*0.5, 'top':-myViewer.getSize().y-10 }); var slideIn = new Fx.Tween(myViewer, 'top', {duration:1500, transition: Fx.Transitions.Back.easeOut}); slideIn.start.delay(300, slideIn, window.getSize().y*0.5-myViewer.getSize().y*0.5); } }; window.addEvent('domready', myMooFlowPage.start); </script>
Código:
Como no entiendo el codigo he borrao lo q muestra la imagen y los datos pero no consigo q funcione tan solo eso se queda sin mostrar nada, a ver alguien q entienda el codigo me dice si es posible.<script type="text/javascript"> var box = {}; window.addEvent('domready', function(){ box = new MultiBox('mb', {descClassName: 'multiBoxDesc'}); }); </script>
Saludos