memo.xight.org

日々のメモ

Link Thumbnail - リンクをマウスオーバーでサムネイルを表示するライブラリ

Summary

リンクをマウスオーバーでサムネイルを表示するライブラリ.

<html>
	<head>
		<script type="text/javascript" src="http://example.com/path/to/arc90_linkthumb.js"></script>
		<style type="text/css" media="screen">
		.arc90_linkpic {
			display: none;
			position: absolute;
			left: 0;
			top: 1.5em;
		}
		.arc90_linkpicIMG {
			padding: 0 4px 4px 0;
			background: #FFF url(/tools/c/images/linkpic_shadow.gif) no-repeat bottom right;
		}
		</style>
		<script>arc90_linkThumbUseClassName = false;</script>
	</head>
	<body>
		<a href="http://example.com/" class="linkthumb">Popup</a>
		<a href="http://example.com/">No Popup</a>
	</body>
</html>


Demo

arc90 lab - tools - Link Thumbnail - Demo
http://lab.arc90.com/tools/linkthumb/

Reference

arc90 lab - tools - Link Thumbnail
http://lab.arc90.com/2006/07/link_thumbnail.php