Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/03/2008, 17:08
riscking
 
Fecha de Ingreso: marzo-2008
Mensajes: 82
Antigüedad: 16 años, 8 meses
Puntos: 0
Modificar Script Mooflow al hacer click y ejecute multibox

Muy buenas quiero modificar el script del Mooflow para que al hacer click ejecute el del multibox y esque no se como hacerlo, no tengo practicamente ni idea de javasclit, estoy aprendiendo php. El Mooflow es una glaria al estilo iphone q seguro a mas de uno le gusta ta muy chula.
EL script del Mooflow es este:

Código:
<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>
El codigo del Multibox
Código:
<script type="text/javascript">
			var box = {};
			window.addEvent('domready', function(){
				box = new MultiBox('mb', {descClassName: 'multiBoxDesc'});
			});
		</script>
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.
Saludos