Re: Widget Challenge

Paul Bakaus wrote:

Hi!

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></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

and style the ul like you want it. have fun.
--
Paul Bakaus
Web Developer
------------------------
Hildastr. 35
79102 Freiburg