T-style.com
default blue gray orange pinkRSS1.0
 姫路発。地域情報、ブログ・Web関連、サッカーなど気ままに更新中
 
BLOG TOP > スポンサー広告 > スポンサーサイト> [weblog] カスタマイズ > リンク先のサムネイルを吹き出し風のポップアップに演出「WebSnapr」

arrow-list-red.gif北海道エリアarrow-list-red.gif東北エリアarrow-list-red.gif関東エリア
arrow-list-red.gif北陸・甲信越エリアarrow-list-red.gif関西エリアarrow-list-red.gif中国エリア
arrow-list-red.gif四国エリアarrow-list-red.gif九州エリアarrow-list-red.gif沖縄エリア

スポンサーサイト

--'--.--.--  コメント : -  トラックバック : -  
このエントリーをはてなブックマークに追加 Save This Page to del.icio.us このエントリーをlivedoorクリップに追加 newsing it! このエントリーをGoogleBookmark に追加 このエントリーをBuzzurlに追加 このエントリーをTechnorati に追加 このエントリーをFC2ブックマークに追加タグで記事を検索するタグ検索
- カテゴリ:スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。



ブログランキング・にほんブログ村へ人気ブログランキングへ[参考になりましたらクリックよろしくお願いします。]

あなたも容量1GBでデザイン・カスタマイズ自由なFC2ブログをはじめませんか?開設はこちら>>>

リンク先のサムネイルを吹き出し風のポップアップに演出「WebSnapr」

2006'11.18.Sat    0    0  
このエントリーをはてなブックマークに追加 Save This Page to del.icio.us このエントリーをlivedoorクリップに追加 newsing it! このエントリーをGoogleBookmark に追加 このエントリーをBuzzurlに追加 このエントリーをTechnorati に追加 このエントリーをFC2ブックマークに追加タグで記事を検索するタグ検索

テーマ:カスタマイズ - カテゴリ:[weblog] カスタマイズ

前に紹介したサムネイルを生成してくれる「WebSnapr」。
こちらでは別にjsファイルが配布されており、これを使う事によってリンクのマウスオーバー時にリンク先のサムネイル画像を吹き出し風のポップアップに演出することができます。リンク先のイメージを知ることができ、便利でオシャレですね。

簡単な導入方法を載せておきます。
websnaprイメージ

準備
previewbubble.zipをダウンロード。[解凍ソフトはこちら]
bg.pngをアップロードし、previewbubble.jsを修正する(テキストエディタなどで開き、10行目あたりを修正→保存)
var bubbleImagePath = '※images/bg.png';
修正が終わると次にpreviewbubble.jsをアップロードする。

websnaprイメージ
イメージ[クリックにて拡大]
設置方法
<head>~</head>への記述
<script type="text/javascript" src="※/previewbubble.js"></script>
リンクの設定(class指定を加える)
<a class="previewlink" href="http://tomytaku.blog14.fc2.com/">T-style.com</a>
上のようにリンクにclass指定「class="previewlink"」を加えます。

これで表示されるはずです。サムネイル表示に少々タイムラグがあるので表示されない方はしばらくしてから更新してみてください。

※注)アップロードした自分のpng、jsファイルパスに変更して下さい。

リンク
関連記事
スポンサーサイト



ブログランキング・にほんブログ村へ人気ブログランキングへ[参考になりましたらクリックよろしくお願いします。]

あなたも容量1GBでデザイン・カスタマイズ自由なFC2ブログをはじめませんか?開設はこちら>>>

スポンサードリンク


非公開コメント(管理者のみ閲覧)

トラックバックURL
http://tomytaku.blog14.fc2.com/tb.php/549-f8f4bf53

--[TB:注意点]---------------------------------------------------------------------------------------------------
※記事に関係のないものは即削除、同内容でも有効ではないと管理人が判断した場合、削除させて頂きます。
※迷惑トラックバックが多いので承認制にしています。承認するまでは「管理人の承認待ち」という表示が出ます。

  トップへ戻る   

Total  Tday  Yday  Online: RSS feed meter for http://tomytaku.blog14.fc2.com/
Copyright© 2006 T-style.com ALL Rights Reserved.
アイコンカウンター
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。