Nice job! Count me in on such a plug-in request
On Nov 14, 3:01 am, ricardobeat <[EMAIL PROTECTED]> wrote: > Here's my take - very limited (17 minutes :D): > > http://jsbin.com/ovisa > > On Nov 13, 7:42 pm, Jay <[EMAIL PROTECTED]> wrote: > > > Thought it was pretty cool, so I threw my own plug in together in a > > little over an hour to mimic what he did there. It's pretty simple > > but should work in ie6/7,ff,safari. You can set a few different > > options, and I'm sure this could be expanded upon to give it a lot > > more power. Anyway, here you go. > > > <style type="text/css"> > > ul { list-style: none; } > > ul li { margin-right: 5px; display: block; float: > > left; overflow: > > hidden; font-size: 12px; height: 20px; } > > ul li a { float: left; display: block; position: > > relative; > > overflow: hidden; height: 20px; } > > </style> > > <script type="text/javascript"> > > $(function(){ > > $('#breadcrumb').jCrumb({}); > > }); > > > (function($){ > > $.fn.jCrumb = function(options) { > > var defaults = { > > listLimit : 650, > > itemMin : 15, > > expandTime : 800, > > collapseTime : 800 > > }; > > var opts = $.extend(defaults, options); > > return this.each(function(){ > > var obj = $(this); > > if(obj.width()>opts.listLimit) { > > var children = $('li', obj); > > children.each(function(i){ > > if(i>0 && > > i<(children.length-1)) { > > var el = > > $(this); > > > > el.data('width', el.width()) > > > > .children('a').width(el.data('width')).wrap('<span />') > > > > .parent().css({display: 'block', position: 'relative', > > overflow: 'hidden', width: opts.itemMin+'px'}) > > .hover( > > > > function() { $(this).stop().animate({ width: el.data > > ('width') },{ duration: opts.expandTime, easing: "swing", queue: > > false }); }, > > > > function() { $(this).stop().animate({ width: opts.itemMin > > +'px' }, { duration: opts.collapseTime, easing: "swing", queue: > > false }); } > > ); > > } > > }); > > } > > }); > > } > > })(jQuery); > > </script> > > </head> > > <body> > > <ul id="breadcrumb"> > > <li><a href="#">Home</a></li> > > <li><a href="#">Short</a></li> > > <li><a href="#">Random Breadcrumb Super Super Super Super > > Long</a></ > > li> > > <li><a href="#">Random Breadcrumb Blach</a></li> > > <li><a href="#">Random Breadcrumb Length Long</a></li> > > <li><a href="#">Random</a></li> > > </ul> > > </body> > > > On Nov 13, 3:41 pm, George <[EMAIL PROTECTED]> wrote: > > > > Count me in for the Plug-In request :) > > > > It's pretty cool and the whole site is done very well, I put it in to > > > my Favorites so later I could revisit and 'steal' some design ideas. > > > > PS: I am a .NET developer myself and so far find it to be more > > > superior (if I can say that) to Perl. > > > The problem you might have is only because of lack of experience > > > with .NET (no offence). The more you program on .NET the more you > > > going to like it. > > > I am talking from experience here. I was bitching and complaining > > > couple years ago... now I would refuse to work if it's not on .NET > > > > There is nothing in .NET that prevents you from doing things like they > > > done in Perl. > > > So do not be down on it :) > > > > George.
