| riscking | 27/03/2008 17:08 |
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 |
