Also, the one we did knows to collapse or not collapse based on the amount of elements in the plugin and the length of the elements. That will be part of it too.
Have a good weekend. J On Nov 13, 6:01 pm, 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.
