- Desde
- 18 Jun 2009
- Mensajes
- 58
Hola todos, estoy intentando agregar un slideshow noobSlide en la CMS de mis foros (vBadvanced), y resulta que tanto creando una Plantilla Módulo como un Código BB, se me descompagina el diseño entero de la página de inicio. Es como que el resto de la página adquiere el estilo del módulo.
Este es el código en cuestión y lo más probable es que me esté faltando algo:
¿Alguien podría darme una mano con esto?
Este es el código en cuestión y lo más probable es que me esté faltando algo:
HTML:
<link rel="stylesheet" href="_web.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="mootools-1.2-core.js"></script>
<script type="text/javascript" src="_class.noobSlide.packed.js"></script>
<script type="text/javascript">
window.addEvent('domready',function(){
//SAMPLE 6 (on "mouseenter" walk)
var sampleObjectItems =[
{title:'Morbi elementum', autor:'Lorem', date:'5 Jun 2007', link:'http://www.link1.com'},
{title:'Mollis leo', autor:'Ipsum', date:'6 Dic 2007', link:'http://www.link2.com'},
{title:'Nunc adipiscing', autor:'Dolor', date:'9 Feb 2007', link:'http://www.link3.com'},
{title:'Phasellus volutpat pharetra', autor:'Sit', date:'22 Jul 2007', link:'http://www.link4.com'},
{title:'Sed sollicitudin diam', autor:'Amet', date:'30 Set 2007', link:'http://www.link5.com'},
{title:'Ut quis magna vel', autor:'Consecteur', date:'5 Nov 2007', link:'http://www.link6.com'},
{title:'Curabitur et ante in', autor:'Adipsim', date:'12 Mar 2007', link:'http://www.link7.com'},
{title:'Aliquam commodo', autor:'Colom', date:'10 Abr 2007', link:'http://www.link8.com'}
];
var info6 = $('box6').getNext().set('opacity',0.5);
var nS6 = new noobSlide({
mode: 'vertical',
box: $('box6'),
items: sampleObjectItems,
size: 180,
handles: $$('#handles6_1 div').extend($$('#handles6_2 div')),
handle_event: 'mouseenter',
addButtons: {
previous: $('prev6'),
play: $('play6'),
stop: $('stop6'),
playback: $('playback6'),
next: $('next6')
},
button_event: 'click',
fxOptions: {
duration: 1000,
transition: Fx.Transitions.Back.easeOut,
wait: false
},
onWalk: function(currentItem,currentHandle){
info6.empty();
new Element('h4').set('html','link'+currentItem.title).inject(info6);
new Element('p').set('html','<b>Autor</b>: '+currentItem.autor+' <b>Fecha</b>: '+currentItem.date).inject(info6);
this.handles.set('opacity',0.3);
currentHandle.set('opacity',1);
}
});
});
</script>
<div id="cont">
<!-- SAMPLE 6 -->
<h2>Sample 6</h2>
<div class="sample sample6">
<div class="thumbs" id="handles6_1">
<div><img src="noobslide/img1.jpg" alt="Photo Thumb" /></div>
<div><img src="noobslide/img2.jpg" alt="Photo Thumb" /></div>
<div><img src="noobslide/img3.jpg" alt="Photo Thumb" /></div>
<div><img src="noobslide/img4.jpg" alt="Photo Thumb" /></div>
</div>
<div class="mask6">
<div id="box6">
<span><img src="noobslide/img1.jpg" alt="Photo" /></span>
<span><img src="noobslide/img2.jpg" alt="Photo" /></span>
<span><img src="noobslide/img3.jpg" alt="Photo" /></span>
<span><img src="noobslide/img4.jpg" alt="Photo" /></span>
<span><img src="noobslide/img5.jpg" alt="Photo" /></span>
<span><img src="noobslide/img6.jpg" alt="Photo" /></span>
<span><img src="noobslide/img7.jpg" alt="Photo" /></span>
<span><img src="noobslide/img8.jpg" alt="Photo" /></span>
</div>
<div class="info"></div>
</div>
<div class="thumbs" id="handles6_2">
<div><img src="noobslide/img5.jpg" alt="Photo Thumb" /></div>
<div><img src="noobslide/img6.jpg" alt="Photo Thumb" /></div>
<div><img src="noobslide/img7.jpg" alt="Photo Thumb" /></div>
<div><img src="noobslide/img8.jpg" alt="Photo Thumb" /></div>
</div>
<p class="buttons">
<span id="prev6"><< Previa</span>
<span id="playback6"><Playback</span>
<span id="stop6">Stop</span>
<span id="play6">Play ></span>
<span id="next6">Siguiente >></span>
</p>
</div>
</div>
¿Alguien podría darme una mano con esto?