cbolson, as you have suggested i wanted the sample 5 numbers effect so
i was trying that firstly on siple page so then i can put it into my
banner template. but it seems its not working. which one you tried for
your site?
could you please see why its not working
<? xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="es">
<head>
<title>noobSlide - mootools</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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 5 (mode: vertical, using "onWalk" )
var info5 = $('info5').set('opacity',0.5);
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 nS5 = new noobSlide({
mode: 'vertical',
box: $('box5'),
size: 180,
items: sampleObjectItems,
addButtons: {
previous: $('prev5'),
play: $('play5'),
stop: $('stop5'),
next: $('next5')
},
onWalk: function(currentItem){
info5.empty();
new Element('h4').set('html','<a
href="'+currentItem.link+'">link</
a>'+currentItem.title).inject(info5);
new Element('p').set('html','<b>Autor</b>:
'+currentItem.autor+'
<b>Date</b>: '+currentItem.date).inject(info5);
}
});
</script>
</head>
<body>
<div id="cont">
<h1>noobSlide - mootools</h1>
<div class="description">
<p>noobSlide es una ligera "clase" escrita con la librería <a
href="http://mootools.net"; title="a super lightweight web2.0
javascript framework">mootools</a> con la que se puede construir
"slides" desde simples hasta complejos, claro que para sacarle el
máximo provecho necesitas aprender <a href="http://clientside.cnet.com/
wiki/mootorial/" title="A Mootools Tutorial">cómo trabajar con
mootools</a>.</p>
<h4>Descargar:</h4>
</div>
<!-- SAMPLE 5 -->
<h2>Sample 5</h2>
<div class="sample">
<div class="mask2">
<div id="box5">
<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="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>
</div>
<div id="info5" class="info"></div>
</div>
<p class="buttons">
<span id="prev5"><< Previous</span>
<span id="play5">Play ></span>
<span id="stop5">Stop</span>
<span id="next5">Next >></span>
</p>
</div>
</body>
</html>
On Aug 28, 2:27 pm, Deepali <[email protected]> wrote:
> Thnaks for your reply cbolson,
>
> Yesterday only i have seen this site. :) could you please show me how
> you have given the text only slider effect?
> if can so.
>
> On Aug 28, 1:47 pm, cbolson <[email protected]> wrote:
>
> > Hi,
> > Not a tutorial but I use noobSlide
> > fromhttp://www.efectorelativo.net/laboratory/noobSlide/
> > for all my sliding needs.
> > Just last week I used it for a text-only slide effect.
>
> > Chris
>
> > On Aug 28, 8:57 am, Deepali <[email protected]> wrote:
>
> > > Thanks for your Daiar,
>
> > > Nice effect. But i want to show different tips sliding with this when
> > > i tried to put add more tip, its coming altogether. i want it to come
> > > one tip after another.
>
> > > I just want to show different tip sliding one by one(automatically)
>
> > > can anyone give me tutorial for this?
>
> > > On Aug 27, 5:45 pm, Dirar Abu Kteish <[email protected]> wrote:
>
> > > >www.developer.ps/moo/mooquee
>
> > > > On Thu, Aug 27, 2009 at 3:26 PM, Deepali <[email protected]> wrote:
>
> > > > > Hello,
>
> > > > > I have heard/seen about image slider but haven't seen many text
> > > > > slider. I want to show some quotes in my banner. so that the slider
> > > > > can show it automatically.
>
> > > > > Can anyone know this kind of sliders?
>
> > > > > Thnaks in advance.
>
> > > > --
> > > > Dirar Abu Kteish
> > > > Zan Studio
> > > > Web Development Manager
> > > > Mob.:+970-597-100118
> > > > website:www.zanstudio.com
