I have tried the suggestions as well they have given in comment but its not worknig for me here is the like for it, http://woork.blogspot.com/2008/07/fantastic-news-ticker-newsvine-like.html?dsq=15850380#comment-15850380
actually this effects includes only mootools.svn.js newsticker.js then why you are suggested me to use 1.2 version and for which js file core or more??? On Sep 2, 9:27 am, Deepali <deeps...@gmail.com> wrote: > Anyone help me?? > > On Sep 1, 11:34 am, Deepali <deeps...@gmail.com> wrote: > > > Good morning nwhite > > > I have added the following files > > > <script type="text/javascript" src="<?=$retpath;?>/mootools-1.2.3.1- > > more.js"></script> > > <script type="text/javascript" src="<?=$retpath;?>/mootools-1.2.3- > > core.js"></script> > > <script type="text/javascript" src="<?=$retpath;?>/mootools.svn.js"></ > > script> > > > <script language="javascript" type="text/javascript" > > src="newsticker.js"></script> > > > and replace newsticker.js the way you have shown in your example. > > still its not working. > > > could you please tell me why its not working? > > > On Aug 31, 8:00 pm, nwhite <changereal...@gmail.com> wrote: > > > > you'll probably need to update your version of mootools. I was working > > > with > > > 1.2 I think the original code base is for 1.1 > > > > On Mon, Aug 31, 2009 at 4:40 AM, Deepali <deeps...@gmail.com> wrote: > > > > I am sorry, now its working. but its not stopping when i keep cursor > > > > on on of my feed. why is it so? > > > > could you please tell me? > > > > > On Aug 31, 4:26 pm, Deepali <deeps...@gmail.com> wrote: > > > > > i have tried your code. its not changing anythnig. here is my code. > > > > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > > > > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > > > > > <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en-US" lang="en- > > > > > US"> > > > > > <head> > > > > > <style> > > > > > body { > > > > > font-family:"Lucida Grande", "Lucida Sans Unicode", > > > > Verdana, Arial, > > > > > Helvetica, sans-serif; > > > > > } > > > > > #NewsTicker{ > > > > > border:solid 1px #cccccc; > > > > > background:#eaf5e0; > > > > > width:300px; > > > > > height:344px; > > > > > margin:0 auto; > > > > > } > > > > > #NewsTicker h1{ > > > > > padding:6px; margin:0; border:0; > > > > > background:#dfe9d5; > > > > > color:#000000; > > > > > font-size:11px; > > > > > font-weight:bold; > > > > > } > > > > > #NewsVertical { > > > > > width: 300px; > > > > > height: 300px; > > > > > display: block; > > > > > overflow: hidden; > > > > > position: relative; > > > > > } > > > > > /* --------------- */ > > > > > /* Ticker Vertical */ > > > > > #TickerVertical { > > > > > width: 300px; > > > > > height: 300px; > > > > > display: block; > > > > > list-style: none; > > > > > margin: 0; > > > > > padding: 0; > > > > > } > > > > > #TickerVertical li { > > > > > display: block; > > > > > width: 288px; > > > > > color: #333333; > > > > > text-align: left; > > > > > font-size: 11px; > > > > > margin: 0; > > > > > padding: 6px; > > > > > float: left; > > > > > } > > > > > #TickerVertical li .NewsTitle{ > > > > > display: block; > > > > > color: #000000; > > > > > font-size: 12px; > > > > > font-weight:bold; > > > > > margin-bottom:6px; > > > > > } > > > > > #TickerVertical li .NewsTitle a:link, > > > > > #TickerVertical li .NewsTitle a:Visited { > > > > > display: block; > > > > > color: #000000; > > > > > font-size: 12px; > > > > > font-weight:bold; > > > > > margin-bottom:6px; > > > > > text-decoration:none; > > > > > } > > > > > #TickerVertical li .NewsTitle a:hover { > > > > > text-decoration:underline; > > > > > } > > > > > > #TickerVertical li .NewsImg{ > > > > > float:left; > > > > > margin-right:10px; > > > > > } > > > > > #TickerVertical li .NewsFooter{ > > > > > display: block; > > > > > color: #000000; > > > > > font-size: 10px; > > > > > margin:6px 0 14px 0; > > > > > } > > > > > </style> > > > > > <script language="javascript" src="mootools.svn.js" > > > > > type="text/ > > > > > javascript"></script> > > > > > <script language="javascript" type="text/javascript" > > > > > src="newsticker.js"></script> > > > > > > <script language="javascript" type="text/javascript"> > > > > > var Ticker = new Class({ > > > > > Implements : [Options], > > > > > > options : { > > > > > speed: 1500, > > > > > delay: 5000, > > > > > direction: 'vertical' > > > > > }, > > > > > > initialize: function(el,options){ > > > > > this.setOptions(options); > > > > > this.el = $(el).addEvents({ > > > > > 'mouseover' : > > > > this.over.bind(this), > > > > > 'mouseout' : > > > > this.out.bind(this) > > > > > }); > > > > > > this.items = > > > > this.el.getElements('li'); > > > > > var w = 0; > > > > > var h = 0; > > > > > if(this.options.direction.toLowerCase()=='horizontal') { > > > > > h = > > > > > this.el.getSize().y; > > > > > this.items.each(function(li,index) { > > > > > w += > > > > li.getSize().x; > > > > > }); > > > > > } else { > > > > > w = > > > > > this.el.getSize().x; > > > > > this.items.each(function(li,index) { > > > > > h += > > > > li.getSize().y; > > > > > }); > > > > > } > > > > > this.el.setStyles({ > > > > > position: 'absolute', > > > > > top: 0, > > > > > left: 0, > > > > > width: w, > > > > > height: h > > > > > }); > > > > > > this.fx = new > > > > > Fx.Morph(this.el, > > > > > {duration:this.options.speed,onComplete:function() { > > > > > var i = > > > > (this.current==0)?this.items.length:this.current; > > > > > this.items[i-1].injectInside(this.el); > > > > > this.el.setStyles({ > > > > > left:0, > > > > > top:0 > > > > > }); > > > > > }.bind(this)}); > > > > > this.current = 0; > > > > > > > ... > > read more »
