This link has been bookmarked by 176 people . It was first bookmarked on 22 Jul 2006, by yc c.
-
26 Feb 18
-
12 Feb 09
-
03 Nov 08
-
13 Jul 08
-
20 Mar 08
-
08 Mar 08
-
23 Feb 08
-
21 Feb 08
-
14 Jan 08
-
06 Jan 08
-
29 Nov 07
-
26 Oct 07
-
05 Oct 07
-
30 Jul 07
-
03 May 07
Walid Damounywhen hovering a link a thumbnail of the linked page will appear
webdesign javascript AJAX DHTML lab.arc90.com from-delicious web design
-
05 Apr 07
-
25 Mar 07
-
07 Mar 07
-
26 Feb 07
-
23 Feb 07
caroline lowerythumbnail link for indicating external websites to view
css design development ajax code components webdesign link thumbnail
-
16 Feb 07
-
02 Feb 07
-
01 Feb 07
-
18 Jan 07
-
26 Dec 06
-
14 Dec 06
-
03 Dec 06
-
A little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they're going.
-
-
24 Nov 06
-
21 Nov 06
-
18 Nov 06
-
08 Nov 06
-
26 Oct 06
-
25 Oct 06
-
23 Oct 06
-
17 Oct 06
-
16 Oct 06
-
13 Oct 06
-
12 Oct 06
-
Cheryl ColanA little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they're going. When that curious mouse pointer hovers over a link pointing to somewhere outside of your sit
capture CSS design download free graphics howto XHTML hyperlink JavaScript navigation popup reference script source library web
-
11 Oct 06
-
10 Oct 06
-
21 Sep 06
-
14 Sep 06
-
13 Sep 06
-
Andrew IvinWhen mouse hovers over a link pointing to somewhere outside of your site, the script displays a small image of the destination page.
-
11 Sep 06
Peter Shankssome JavaScript/CSS that shows users a small image of the destination page when they hover over external links
-
02 Sep 06
-
27 Aug 06
-
21 Aug 06
-
19 Aug 06
-
18 Aug 06
-
13 Aug 06
AJ ChanA little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they're going.
-
07 Aug 06
-
06 Aug 06
-
04 Aug 06
-
03 Aug 06
-
28 Jul 06
-
27 Jul 06
-
26 Jul 06
-
-
The arc90 lab is the playground of arc90 - a New York-based technology and strategic consulting firm. The lab is a place for us to share our ideas, tools and the occasional experiment in web technology. All ideas, experiments and tools are licensed under Creative Commons.
licensed under creative commonsThis site is licensed under a Creative Commons Attribution 2.5 License.
Tools
Link Thumbnail
A picture's worth a thousand words, right? So spice up those plain old text links with Link Thumbnail, the second tool from the arc90 lab.
What is this?
A little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they're going. When that curious mouse pointer hovers over a link pointing to somewhere outside of your site, the script displays a small image of the destination page. It's a nice visual cue that serves a very real purpose: providing a clearer picture (no pun intended) of what's ahead.
How Do I Use It?
Download the Code
Click on the icon below to download the source code for Link Thumbnail:
The file, linkthumb.zip, contains the script, one required image and an example page. Once downloaded, upload the script and the image to your site. They must be in the same directory.
Link to the Javascript and Add Style
Add a link to the javascript in the page(s) you'd like Link Thumbnail implemented. Remember to adjust the path to properly point to the location of the file on your server. Then, you need to a line of CSS code. You can copy this entire block and paste it into your <head> section:
-
-
25 Jul 06
Alex SchleiferA little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they're going. When that curious mouse pointer hovers over a link pointing to somewhere outside of your sit
-
24 Jul 06
iannnnn Singhtoเอาเมาส์ชี้ที่ลิงก์แล้วมีตัวอย่างหน้าเว็บที่จะไป (แบบหลอกๆ) ให้ดู น่าลอกไปทำเว็บพอร์ต
-
22 Jul 06
-
21 Jul 06
-
20 Jul 06
-
Javier PimientaA little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they're going.
-
19 Jul 06
M RHowto put thumbnails on links with javascript
Page Comments
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.