PHP & JavaScript Room :: 設置サンプル

実行結果

Link Thumbnail | 設置サンプル

設置サンプルのソース

<!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 &amp; 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>