i have noobslide installed...sample6 more exactly...i am trying to
move the transparent div where different information can be added
here is a part of my code
<div id="bodytext">
<div class="sample sample6">
<div class="mask6">
<div id="box6">
<span><img src="images/web20design.jpg" alt="Web 20
Design" /></
span>
<span><img src="images/web20design2.jpg" alt="Web 20
Design" /></
span>
<span><img src="img3.jpg" alt="Photo" /></span>
<span><img src="img4.jpg" alt="Photo" /></span>
<span><img src="img5.jpg" alt="Photo" /></span>
<span><img src="img6.jpg" alt="Photo" /></span>
<span><img src="img7.jpg" alt="Photo" /></span>
<span><img src="img8.jpg" alt="Photo" /></span>
<span><img src="img1.jpg" alt="Photo" /></span>
<span><img src="img2.jpg" alt="Photo" /></span>
<span><img src="img3.jpg" alt="Photo" /></span>
<span><img src="img4.jpg" alt="Photo" /></span>
<span><img src="img1.jpg" alt="Photo" /></span>
<span><img src="img2.jpg" alt="Photo" /></span>
<span><img src="img3.jpg" alt="Photo" /></span>
<span><img src="img4.jpg" alt="Photo" /></span>
</div>
<div class="info"></div>
</div>
<p class="buttons">
<span id="prev6"><< Previous</span>
<span id="playback6"><Playback</span>
<span id="stop6">Stop</span>
<span id="play6">Play ></span>
<span id="next6">Next >></span>
</p>
</div>
<br class="spacer" />
</div>
<!--bodytext end -->
</div>
<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:'Curabitur et ante in',
autor:'Adipsim', date:'12 Mar
2007', link:'http://www.link7.com'},
{title:'Curabitur et ante
in', autor:'Adipsim', date:'12 Mar
2007', link:'http://www.link7.com'},
{title:'Curabitur et ante
in', autor:'Adipsim', date:'12 Mar
2007', link:'http://www.link7.com'},
{title:'Curabitur et ante
in', autor:'Adipsim', date:'12 Mar
2007', link:'http://www.link7.com'},
{title:'Curabitur et ante in',
autor:'Adipsim', date:'12 Mar
2007', link:'http://www.link7.com'},
{title:'Curabitur et ante
in', autor:'Adipsim', date:'12 Mar
2007', link:'http://www.link7.com'},
{title:'Curabitur et ante
in', autor:'Adipsim', date:'12 Mar
2007', link:'http://www.link7.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: 400,
handles: $$('#handles6_1 div').extend($$
('#handles6_2 div')) .extend($$('#handles6_3 div')).extend($$
('#handles6_4 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','<a
href="'+currentItem.link+'" target="blank">link</
a>'+currentItem.title).inject(info6);
new Element('p').set('html','Autor:
'+currentItem.autor+' Date: '+currentItem.date).inject(info6);
this.handles.set('opacity',0.3);
currentHandle.set('opacity',1);
}
});
});
</script>
this code <div class="info"></div> controlls that...i tried to move it
all around the page...it breaks the whole thing if i move it from that
line...it;s almost incredible that positioning an element even with
absolute positioning can break the whole thing...thanks
