Chris, You are right i have forgot closing braces. Now its working. I will check the link you have sent to me. and ll try it using its source code.
Thnaks for your reply. I think my problem is solved. On Aug 28, 4:40 pm, cbolson <[email protected]> wrote: > 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
