• 26 Feb 18
  

  bugmenot69

  webdev css techniques

• 12 Feb 09
  

  David Dodson

  design webdesign web reference tools development graphics tutorial resources free css html images javascript tool web2.0 tutorials ajax webdev code image howto links usability scripts library

• 03 Nov 08
  

  Kibe 123

  webdesign ajax

• 13 Jul 08
  

  Chris Markle

• 20 Mar 08
  

  Pelham Palmer

  presentation unsorted web widget

• 08 Mar 08
  

  pshah2k

  WebSite.Scripts

• 23 Feb 08
  

  frankalcantara

  ajax development javascript

• 21 Feb 08
  

  Rajesh Nidwannaya

  Shows a preview of the destination page when hovering over a link

  javascript css webdesign thumbnail ajax links webdev thumbnails usability tutorial tricks trick tools tips ideas gui HTML free

• 14 Jan 08
  

  Spencer Barfuss

  link thumbnail checkbox capture links javascript

• 06 Jan 08
  

  Yamil Gonzales

  javascript css webdesign ajax thumbnail links webdev design

• 29 Nov 07
  

  carl olsen

  css design free graphics inspiration resources tools tutorial webdesign

• 26 Oct 07
  

  reno inn

  リンク先をサムネイルで表示

  thumbnail javascript WebDesign delicious

• 05 Oct 07
  

  losamorales g

  ajax css del.icio.us html imported javascript

• 30 Jul 07
  

  ollygore
• 03 May 07
  

  Walid Damouny

  when 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
  

  takabon ihikawa

  imported Bookmarks 106_Webサムネイル javascript css webdesign ajax links webdev thumbnail

• 25 Mar 07
  

  Cat‧ 貓

  javascript

• 07 Mar 07
  

  Tom Woodward

  create your own snapz preview options

  design webdesign preview

• 

  Tom Woodward

  create your own snapz preview options

  design webdesign preview

• 26 Feb 07
  

  jr

  webdesign

• 23 Feb 07
  

  caroline lowery

  thumbnail link for indicating external websites to view

  css design development ajax code components webdesign link thumbnail

• 16 Feb 07
  

  sarunas

  JavaScript CSS webdesign DLC1 ajax

• 02 Feb 07
  

  Ed Donohue

  thumbnail snap preview link delicious

• 01 Feb 07
  

  Renee Talabucon

  CSS - arc90 lab : tools : Link Thumbnail

  blogs css webdev

• 18 Jan 07
  

  Yoshihide Jimbo

  リンク先のサムネイル（スクリーンショット）を表示してくれるライブラリ（JS+CSS）

  tool thumbnail screenshot

• 26 Dec 06
  

  Brandon Buttars

  thumbnail javascript css webdesign development free download

• 14 Dec 06
  

  Tapir
• 03 Dec 06
  

  rui mashita

  blogs css javascript webdesign

  • 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
  

  Todd Sayre

  imported:del.icio.us javascript web-design

• 21 Nov 06
  

  ahashim

  web_development specifics

• 18 Nov 06
  

  Alex Ko

  webdesign

• 08 Nov 06
  

  Mac Dillon

  design gallery images webdev webdesign rollover javascript

• 26 Oct 06
  

  KAZUAKI NAKAMURA

  ajax css del.icio.us javascript tips

• 25 Oct 06
  

  mat

  css development hover images imported:del.icio.us javascript link thumbnail tutorial webdesign

• 

  Carlos Sánchez

  javascript Links thumbnail

• 23 Oct 06
  

  Spiral Funk

  javascript link thumbnail trick

• 17 Oct 06
  

  Bill Thompson

  ajax CSS webdesign javascript

• 16 Oct 06
  

  - -

  css javascript tutorials webdev

• 13 Oct 06
  

  Rafa Garcia

  javascript css links

• 12 Oct 06
  

  joelanman

  screenshot links javascript css thumbnails

• 

  Cheryl Colan

  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 sit

  capture CSS design download free graphics howto XHTML hyperlink JavaScript navigation popup reference script source library web

• 11 Oct 06
  

  avianto

  javascript tutorials webdesign images

• 10 Oct 06
  

  Michael Leinius

  rollover thumbnails

  webdesign

• 21 Sep 06
  

  Ken Finnigan

  links image Tools

• 

  david

  js link_tumbnails

• 14 Sep 06
  

  elle m

  javascript links scripts

• 13 Sep 06
  

  hwasung

  An innovative thumbnail JavaScript that displays a screenshot of a web site onmouseover. The screenshot is auto generated (via Alexa).

  자바스크립트 lang:en

• 

  Andrew Ivin

  When mouse hovers over a link pointing to somewhere outside of your site, the script displays a small image of the destination page.

  javascript tools opensource

• 11 Sep 06
  

  Peter Shanks

  some JavaScript/CSS that shows users a small image of the destination page when they hover over external links

  ajax DHTML javascript css arc90 thumbnails links external

• 02 Sep 06
  

  fusion

  javascript css webdesign

• 27 Aug 06
  

  Michael Caldwell

  javascript css thumbnail links

• 21 Aug 06
  

  erniesthings

  blog css design webdesign webdev graphics javascript plugins reference resources scripts tools development

• 19 Aug 06
  

  carl carrie

  Javascripts

• 18 Aug 06
  

  Michael Samuelson

  css javascript for:literari

• 13 Aug 06
  

  AJ Chan

  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.

  css javascript webdesign

• 07 Aug 06
  

  dannyfoo

  imported Web_Tools Scripts Website javascript

• 

  Sachiko Matsuyama

  ajax css javascript tools tutorials webdesign

• 06 Aug 06
  

  Marco

  ajax css html javascript webdesign webdev

• 04 Aug 06
  

  Rika Y

  blogparts css javascript thumbnail

• 03 Aug 06
  

  hosoi

  javascript

• 28 Jul 06
  

  isoceles

  js webdev webdesign fx styleboost-news styleboost inspiration graphiknature

• 27 Jul 06
  

  erich-roncarolo

  ajax javascript webdev library

• 

  Máté Rémiás

  javascript css links thumbnail library design images pictures tools

• 26 Jul 06
  

  Dax Phillips

  javascript css webdev

• 

  paulcowles

  javascript links

• 

  Henrique Boaventura

  javascript webdesign css links html

• 

  Dirk P

  javascript css thumbnail

• 

  arc90 lab : tools : Link Thumbnail

  css javascript tools AJAX webdesign thumbnail

• 

  divnil

  JavaScript

• 

  compwoman t

  Добавляет thumbnail к ссылке (скрипт)

  article blogging thumbnail tools

  • lab.arc90.com

     

     

     

     
     
     

     

     

     

     

     
    • Approach
     
    • Blog
     
    • Lab
     
    • Contact
     

     

     

    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.

     

     

    basement.org

     

      licensed under creative commons 

    This 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?
     
    • How do I use it?
     
    • Examples
     
    • Supported Browsers
     
    • Licensing
     
    • Discuss Link Thumbnail
     

     

    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 Schleifer

  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 sit

  ajax css javascript webdev

• 

  pete wood

  javascript css image rollover

• 

  Peter Sylwester

  A little bit JavaScript, a little bit CSS and a little bit clairvoyance

  effects do

• 

  franck_

  javascript css web usability design screenshot ajax image

• 

  Franck Mahon

  javascript css web usability design screenshot ajax image

• 

  Charles Nadeau

  CSS javascript web tools design dhtml howto

• 

  dmj_ellis

  Quite interesting javascript, css thing that creates thumbnails on links

  imported Bookmarks link javascript css ajax

• 24 Jul 06
  

  iannnnn Singhto

  เอาเมาส์ชี้ที่ลิงก์แล้วมีตัวอย่างหน้าเว็บที่จะไป (แบบหลอกๆ) ให้ดู น่าลอกไปทำเว็บพอร์ต

  css webdesign tutorial

• 

  Ratcatcher

  ajax web design tutorials script images tools

• 

  mandarine

  adds thumbnails to A HREF tags on your page.

  webdesign webdev toolbox

• 22 Jul 06
  

  fosco lucarelli

  Javascript webdesign CSS AJAX html webdev links

• 

  Cao Vuong

  Javascript webdesign css AJAX html webdev links

• 21 Jul 06
  

  oronmiz

  Javascript ima

• 

  tonticologo

  webdesign tools toDownload toRead

• 20 Jul 06
  

  Alan

  ajax css dev html javascript links tool webdesign webdev

• 

  Andrew White

  Show thumbs of outgoing links by adding this JS and classes to the links

  javascript

• 

  Cesar Arraiz

  Recursos Programación: Javascript Ajax APIs

• 

  Javier Pimienta

  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.

  css javascript webdesign toolkit development delicious

• 

  Matt Vance
• 19 Jul 06
  

  M R

  Howto put thumbnails on links with javascript

  development javascript reference tutorial toread tool

• 

  Mike Griffith

  ajax javascript webdev

• 

  ajax css demo html javascript web_design web_development

• 

  Garry Golden

  javascript webdev Tools TFL+McElroy ToDo

• 

  jcassain

  ajax CSS HTML javascript

• 

  abditus

  Imported Bookmarks

• 

  David Feld

  javascript

• 

  tj mapes

  Thumbnails of pages showing up on hover state

  javascript

• 

  Matt Constantine

  javascript css cool

• 

  Judah Diament

  ajax tools ui

• 

  robert179

  WebDesign

Page Comments

• 
  Rika Y on 2006-08-04
  リンク先のサムネイルをマウスオーバーでポップアップ表示してくれるJavaScriptとCSS

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.