Ajaxサンプル: サムネイル表示[previewbubble/websnapr]|Ajax入門|Ajaxの基礎と応用の学習|StudyNet

HOME > previewbubble, 基本サンプル集 > Ajaxサンプル: サムネイル表示[previewbubble/websnapr]

Ajaxサンプル: サムネイル表示[previewbubble/websnapr]

previewbubble(websnapr)を使ったサムネイル表示のサンプルを紹介します。

previewbubbleのセットアップの方法は、previewbubbleのページを参考にしてください。

[実行サンプル]

Ajaxサンプル：サイトのサムネイル表示 [previewbubble.js/WebSnapr]

HTML

<!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>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>previewbubble</title>
	<script src="js/previewbubble.js" type="text/javascript"></script>
</head>
<body>
<h1>previewbubble</h1>
<ul>
  <li><a class="previewlink" href="http://www.yahoo.co.jp/">Yahoo Japan</a></li>
  <li><a class="previewlink" href="http://www.google.com/">Google</a></li>
  <li><a class="previewlink" href="http://www.cnn.com/">CNN</a></li>
  <li><a class="previewlink" href="http://www.studynet.jp/portal/">StudyNet</a></li>
  <li><a class="previewlink" href="http://ajax.studynet.jp/">Ajax StudyNet</a></li>
</ul>
</body>
</html>

ブックマーク登録：