Why the bottom?
Is that where the Apple menu is? I don't know, I don't have an Apple
computer.
I like the idea of cloning the icon to maintain the menu position. I'll be
honest and say that I simply don't have the JS/jQuery knowledge to clone it.
Is it just:
$("img").clone().appendTo("img");
??
That would just add it next to the image... Hmmm... No. I don't know enough
about it to do that with ease! :)
Paul Bakaus wrote:
>
> Hi Dan,
>
> some improvement idea for the page you have set up: Stick the outer
> container to the bottom of the page via position: absolute or fixed, this
> way you don't have the "bumping problem" for the height of the outer
> container.
>
> Other than that, I had almost the same idea you talked about, one
> additional
> idea:
> if you hover the icon, you clone the icon and stick it on top centered of
> the original (outside the original list). This way you don't alter the
> original list height and width, and it would look like a real
> magnification
> (even dojo does not have this effect!)
>
> Maybe I can work something out again, improve it a bit further.
>
> See ya!
>
> 2006/9/28, Dan Atkinson <[EMAIL PROTECTED]>:
>>
>>
>> As an aside,
>>
>> I wrote out this in a webpage with a few choice icons.
>>
>> It doensn't really work in IE, but I thought I'd stick your code up
>> there:
>>
>> http://dan-atkinson.com/fisheye/
>>
>> Cheers,
>>
>> Dan
>>
>> 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> http://happyday.dk/funnypics/animal/images/monkey.jpg
>> </li>
>> > <li> http://happyday.dk/funnypics/animal/images/monkey.jpg
>> </li>
>> > <li> http://happyday.dk/funnypics/animal/images/monkey.jpg
>> </li>
>> > <li> http://happyday.dk/funnypics/animal/images/monkey.jpg
>> </li>
>> > <li> http://happyday.dk/funnypics/animal/images/monkey.jpg
>> </li>
>> > </ul>
>> >
>> > and style the ul like you want it. have fun.
>> > --
>> > Paul Bakaus
>> > Web Developer
>> > ------------------------
>> > Hildastr. 35
>> > 79102 Freiburg
>> >
>> --
>> View this message in context:
>> http://www.nabble.com/Widget-Challenge-tf2341740.html#a6554195
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> _______________________________________________
>> jQuery mailing list
>> [email protected]
>> http://jquery.com/discuss/
>>
>
>
>
> --
> Paul Bakaus
> Web Developer
> ------------------------
> Hildastr. 35
> 79102 Freiburg
>
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
>
>
--
View this message in context:
http://www.nabble.com/Widget-Challenge-tf2341740.html#a6561209
Sent from the JQuery mailing list archive at Nabble.com.
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
