実行結果
設置サンプルのソース
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Link Thumbnail | 設置サンプル | PHP & JavaScript Room</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="keywords" content="design, css, rss, ajax, xml, design, usability, information architecture, flash, ria" />
<meta name="description" content="" />
<meta http-equiv="imagetoolbar" content="no" />
<!-- ★head要素内で「外部CSS」と「外部JS」を読み込む -->
<style type="text/css">
.arc90_linkpic {
display:none;
position:absolute;
left:0; top:1.5em;
width:160px; height:120px;
}
.arc90_linkpicIMG {
width:160px; height:120px;
padding:0 4px 4px 0;
background:transparent url("linkpic_shadow.gif") no-repeat bottom right;
}
</style>
<script type="text/javascript" src="/module/include/topic/thumbnail/linkthumb/arc90_linkthumb.js" charset="utf-8"></script>
<script type='text/javascript'>
//ページ内のリンクすべてに適用する場合(class="linkthumb"は不要)
//arc90_linkThumbUseClassName = false;
</script>
<link rel="stylesheet" type="text/css" href="/common/css/example.css"></head>
<body id='example3' class='example'><div class="ads" style="margin:32px auto;text-align:center;"></div><h1 class='h'><a href='/'>PHP & JavaScript Room</a> :: 設置サンプル</h1>
<h3 class='h'>実行結果</h3>
<h1><a href="http://lab.arc90.com/tools/linkthumb/linkthumb.php">Link Thumbnail</a> | 設置サンプル</h1>
<ul>
<li><a href="http://www.yahoo.co.jp" class="linkthumb">Yahoo! JAPAN</a></li>
<li><a href="http://www.google.co.jp" class="linkthumb">Google</a></li>
</ul>
</body>
</html>