Hi, I haven't used a specific demo, rather I have adapted the code to suit my needs.
I have just mocked up a quick demo of what I did, you can see it here: http://www.cbolson.com/sandbox/mootools/noobslide/text_only.php Your test code is failing because you have missed out the closing }); at the end of the javascript. Chris On 28 ago, 12:05, Deepali <[email protected]> wrote: > 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
