FishEye

Have you ever look through a glass? This demo is exactly that effect of enhancing the image behind the glass, the Fisheye. It's not flash, only pure JavaScrip.

FishEye demo

Changes to the code below will update the demo above in real time.



July 6, 2007, 8:22 a.m. - kenan

i like your scripts..Thanks for sharing.

Aug. 3, 2007, 3:48 a.m. - Predrag Stojadinovic

Simply AWESOME. Is there a way to detect mouse-exit? Because, at least for me in Firefox, the images get stuck in their current position when I leave their area, they don't fall back.

Aug. 28, 2007, 7:40 a.m. - Graham

Yes a mouse-exit function would be class although interface.eyecon.ro may be a better place to request this function.

Sept. 13, 2007, 1:44 a.m. - Kevin

Thanks for your good scripts!

Sept. 14, 2007, 12:10 p.m. - Jargon

What can i say....simply Wow!!

Sept. 17, 2007, 3:31 a.m. - miCRoSCoPiC^eaRthLinG

Is it possible to implement this effect in a vertical way? If so can you please give me an idea on how to go about it? Thanks :)

Sept. 18, 2007, 11:02 a.m. - Amit Sharma

Are there any copyrights compliancy involved here if we were to use this feature in one of our applications. We will provide appropriate credits link to this site and will not claim this is our work.

Sept. 21, 2007, 1:18 a.m. - Keith

hey this is really beatiful... yes this is JS, but not AJAX!

Sept. 21, 2007, 5:12 a.m. - Cosmin

whatever png file i use as menu icons, the script/css turns the transparent background of the image to grey. How can I have the images roll-over with transparent background?

Sept. 22, 2007, 6:53 p.m. - Leland

No Safari... You need to make this cross-browser compatible, else no one will use it...

Sept. 25, 2007, 7:02 p.m. - Blacksmith

Leland... Safari is not a real web browser

Nov. 5, 2007, 9:43 p.m. - Julz

it works fine in firefox.. thanks for teh script

Nov. 24, 2007, 9:14 a.m. - moca

i dont understand how you guys are downloading this script

Dec. 2, 2007, 11:33 p.m. - Schnurr

really nice script. "blacksmit": safari is the best web browser in the world. not an opinion

March 26, 2008, 1:47 a.m. - Suresh

This is very good but i did't get jquery.js,interface.js,interface-fisheye.css, and images.

April 1, 2008, 9:47 a.m. - clipzze

how can i get this javascripts ?

April 16, 2008, 9:47 p.m. - Siddiq

Very nice Script and can i have this

May 27, 2008, 7:26 p.m. - CJ

Ajax is alot like javascript it seems.

July 23, 2008, 9:50 a.m. - Eddie

enjoyed it a lot

Aug. 13, 2008, 1:57 a.m. - Sergey

Great thing!!!!!

Aug. 22, 2008, 2:36 a.m. - pugsx

when i use this in my site all my pics are on top of each other but work fine in a blank html file

Aug. 26, 2008, 3:24 a.m. - Programer

NICE!!! Thanx! Beautiful!!!!

Sept. 9, 2008, 6:18 p.m. - amer

It's just Perfect !!!

Sept. 10, 2008, 10:05 p.m. - Cory

Ajax is Asynchronous Javascript and XML so yea i would hope its a lot like javascript.

Sept. 21, 2008, 11:19 p.m. - pulak

jquery.js,interface.js,interface-fisheye.css where are they?

Oct. 3, 2008, 4:01 a.m. - finch

to my mind a bit wrong behaviors. an icon starts to zoom while mouse pointer is moving to the icon. It should start to zoom then the pointer is just over the icon.

Nov. 4, 2008, 11:15 a.m. - ahmet rasit

very vell.. but i cant use this in my sites. please someone help me. i downloaded everything. js, css, img png, in turkish:herseyi denememe rağmen yapamadım lütfen yardım

Nov. 4, 2008, 11:17 a.m. - ahmet rasit

you can download these scripts with using FLASHGET and then you must open this scipts with a program like a macromedia dreamwiever.

Nov. 8, 2008, 4:48 p.m. - Hombre

Same proble as Pulak. Works in an HTML file, but can't get it working on my site. Weird stuff.

Nov. 15, 2008, 10:06 a.m. - Dao anh phuc

thanks for sharing

Nov. 28, 2008, 2:31 a.m. - Ash

can we have jquery.js and interface.js files

Jan. 20, 2009, 4:19 p.m. - boooo

you stupid folks, you have all css and js files in the source on this page

Jan. 28, 2009, 4:36 a.m. - rish

hi, nice work. Do you know if there is anyway to get this across multiple menu rows? Kind of like a matrix version but just row by row? ta

Feb. 26, 2009, 5:34 p.m. - lifuyun

Good!How it is downloaded?

May 7, 2009, 9:58 a.m. - Domo

Whats the link rel for >__<

Aug. 10, 2009, 7:42 a.m. - Nuno C

how can i add a background color just for the text? It´s possible?

Aug. 10, 2009, 7:43 p.m. - chondan

Thanks for your good scripts :)

Aug. 14, 2009, 7:55 a.m. - iklan baris

very nice display

Aug. 31, 2009, 9:31 p.m. - rotin

use"save as...."(.html),and you can get the files you need

Sept. 10, 2009, 3:21 a.m. - Sireesha

Can I change images

Sept. 10, 2009, 10:07 p.m. - Naresh

Fish Eye is not working in master page, I ma using ContentPlaceHolder in my master page But its not working, Any suggestions would he thankfull

Sept. 24, 2009, 2:27 a.m. - prypl

There's a problem when I bind the Fisheye DIV on the bottom of the screen,how can I solve it?

Oct. 26, 2009, 4:22 a.m. - Kosala Amarasinghe

Thanx ! Great thing!!!!!

Nov. 15, 2009, 4:18 p.m. - cesuryurek

Onlygames support forum

Dec. 3, 2009, 11:16 p.m. - Viresh Rajput

Very Nice Script Thanks For Shairing

Dec. 7, 2009, 6:46 a.m. - Akeem

Hi, that`s nice. Is it possible to move the div "fisheyeContainter" with the mouse or automaticly (just like iphone) ) Thanks fpr answering this question...

Dec. 29, 2009, 1:05 a.m. - kiran

I added left and right scroll buttons , i have more images to display in the list, but i had a problem when the move overs.. can any one did this type thing please help on this issue..

Feb. 24, 2010, 11:52 a.m. - CVTF Radio.

Sweet bit of code- model: comments.comment pk: null fields: thx 4 sharing da love

March 4, 2010, 6:22 a.m. - Iwillgetulater

error when I tried pasting it in my html editor. Whats wrong?

March 10, 2010, 5:41 a.m. - Rajni

This is linear. Any chances of making it circular? please help

March 23, 2010, 4:52 a.m. - riszkhy

These Example is cool... Thanks

April 15, 2010, 3:07 p.m. - Dave

Anybody have any ideas about how to incorporate sub-menus into this? It would be wonderful to see this with a nicely styled drop-down menu system.

April 19, 2010, 5:03 a.m. - Dewang

Hi, Can we make this work with keyboard left/right operations instead of mouse hover? If so, how and where in the scripts we can make modifications?

May 3, 2010, 5:30 p.m. - ming

very good!How it is downloaded?

June 7, 2010, 5:28 p.m. - DCS

SUPER LEGAL

Sept. 4, 2010, 1:16 a.m. - Reno

I want to have a try

Oct. 21, 2010, 2:25 p.m. - Dental Hygienist Salary

Is there a way to detect mouse-exit? Because, at least for me in Firefox, the images get stuck in their current position when I leave their area, they don't fall back.

Oct. 23, 2010, 4:02 a.m. - saving money

I like your idea. Interesting post with valuable information you got here! I am really thankful for sharing this blog and time into the stuff you post!! Great to have the contact info.

Oct. 25, 2010, 7:17 a.m. - St Bart villa rentals

Ajax is Asynchronous Java script. It is more learing script.

Oct. 28, 2010, 12:13 p.m. - mastrs

Good, Good,

Oct. 29, 2010, 1:24 a.m. - Recepti

It's really a nice and helpful piece of information. I'm glad that you shared this helpful info with us. Please keep us informed like this. Thanks for sharing.

Nov. 1, 2010, 7:55 a.m. - HR Training

This script is awesome. I will work on it, and think more about HTML coding. Thanks.

April 15, 2011, 5:32 p.m. - jono

Nice work - congratulations on providing the options that designers need.

July 12, 2011, 2:24 a.m. - amit

how i use this in my asp.net plz tell me

Aug. 9, 2011, 5:47 a.m. - Tumpa Saha

this is for fisheye effect in javascript

Aug. 15, 2011, 12:43 a.m. - Johnny

Brilliant, just brilliant work. love the site.keep up the good work.

Jan. 1, 2012, 6:13 a.m. - simon

it doesn't work on firefox

Feb. 7, 2012, 2:49 a.m. - qwerty

The fisheye work normally. it's great but i want to re design the icons. My idea would look like the arrangement of icons on Iphone 4s. i wanna try the icons on a table . i'm creating it with rows and columns. it didn't work. i tried breaking the icon rows into two. Y its not working? please email me.

Sept. 17, 2012, 7:54 a.m. - Gopal

i really lik it

Oct. 18, 2012, 11 a.m. - rajeev

Its pretty good...but how do i change the space between the items?

Nov. 15, 2012, 4:03 a.m. - Arnold

Is it possible to implement this effect in a vertical way? If so can you please give me an idea on how to go about it? Thanks :)