I have put up a little function that does something like the fisheye plugin. However, this is only a concept, it doesn't behave like the real one. It will not detect near containers and therefore is not very smooth.
the function:
$.fn.fisheye = function() {
this.each(function() {
var fishHeight = parseInt($("img", this).height());
var fishWidth = parseInt($("img", this).width());
$(this.childNodes).hover(
function() {
$(this.childNodes).animate({ height: 150, width: 150 }, 200);
},
function() {
$(this.childNodes).animate({ height: fishHeight, width: fishWidth }, 500);
});
});
}
test it like this:
<ul class="fisheye">
<li><img src="" href="http://happyday.dk/funnypics/animal/images/monkey.jpg">http://happyday.dk/funnypics/animal/images/monkey.jpg " height="64" width="64" /></li>
<li><img src="" href="http://happyday.dk/funnypics/animal/images/monkey.jpg">http://happyday.dk/funnypics/animal/images/monkey.jpg " height="64" width="64" /></li>
<li><img src="" href="http://happyday.dk/funnypics/animal/images/monkey.jpg">http://happyday.dk/funnypics/animal/images/monkey.jpg " height="64" width="64" /></li>
<li><img src="" href="http://happyday.dk/funnypics/animal/images/monkey.jpg">http://happyday.dk/funnypics/animal/images/monkey.jpg " height="64" width="64" /></li>
<li><img src="" href="http://happyday.dk/funnypics/animal/images/monkey.jpg">http://happyday.dk/funnypics/animal/images/monkey.jpg " height="64" width="64" /></li>
</ul>
and style the ul like you want it. have fun.
2006/9/27, Dan Atkinson <
[EMAIL PROTECTED]>:
Great idea Yehuda!
You've been doing a lot to promote the jQuery scene lately, which can only
be a good thing for future development!
I personally would love to see something like the fisheye widget which is
awsomely cool.
There really needs to be more plugins on the scene that have the 'wow'
factor. Currently IMHO, thickbox holds that title, and yet there are others
that could extend Cody's work further with simple things like Interface.
I've already begun work on a model window plugin/widget much alike the one
on Dojo (called jAlert). Basically, they do the same as alerts, but look
nicer, and can be resized, dragged, minimized, maximized and closed. This
resulted from my work on Thickbox and JavaWin.
wycats wrote:
>
> Dojo released a new widget today: a spreadsheet widget. and it ocurred to
> me
> that while we don't quite have anything like that yet, there are scattered
> widgets throughout the jQuerysphere. I figured it'd be nice for us to put
> together a jQuery widget package that, to the extent possible, mirrors the
> Dojo widget set.
>
> The challenge is this: where there is no existing widget, create it. The
> holy grail, at this point, would be a replication of their spreadsheet
> widget or their rich text editor widget.
>
> I'd like to put together the widget pack at some point in the next month,
> and I'll be featuring the widget pack in next month's Magazine. Theere's
> nothing requiring an exact mirror of the Dojo widgets, so feel free to
> submit widgets that are not present in Dojo.
>
> You can check out what Dojo has currently at http://dojotoolkit.org/
>
> Enjoy!
>
> --
> Yehuda Katz
> Web Developer | Wycats Designs
> (ph) 718.877.1325
>
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>
--
View this message in context: http://www.nabble.com/Widget-Challenge-tf2341740.html#a6525264
Sent from the JQuery mailing list archive at Nabble.com .
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
Paul Bakaus
Web Developer
------------------------
Hildastr. 35
79102 Freiburg
_______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
