テキストリンクにマウスを重ねるとAmazonの画像を表示できる「あまなつAdhover」 : ARTIFACT ―人工事実―
Logo
 
この記事は書いてから 12年 経過しています。


このエントリーをはてなブックマークに追加
はてなブックマーク - テキストリンクにマウスを重ねるとAmazonの画像を表示できる「あまなつAdhover」
Pocket

 あまなつ amazonツール&ショップ---Amanatu.comを見ていたら、面白いサービスがあったので紹介。
あまなつAdhover

Nikon 一眼レフデジタルカメラ D40 レンズキット ブラック価格:
高感度、気に入ってます。

D70を2年間使用しています。もうちょっと高感度でノイズが少なければと思ってたところ、高感度でも結構踏ん張ってくれそうなD40が発売され、早速注文しました。1000万画素が時流の一眼レフですが、自分には600万画素で十分なので満足しています。
Nikon 一眼レフデジタルカメラ D40 レンズキット ブラック
あまなつAdhover Nikon 一眼レフデジタルカメラ D40 レンズキット ブラック
 こんな感じでテキストリンクにマウスを重ねると画像を表示できる。レビューや価格も表示可能。画像のサイズや、他の画像が登録されているのなら画像も選べる。
 スタイルシートをみるとわかるけど、普段は絶対位置指定でブラウザから見えないところに画像が配置され、マウスオーバー時は相対指定になり、画像がテキストリンクのそばに表示されるという仕組み。筋がよくなくて、エレガントでないと思う人もいそうな手法ではある。
 また、画像は既に読み込んでいるので表示は早いのだが、当然これを多く使うと読み込む画像が多くなり、ページが重くなってしまうので注意。自分の場合、出力HTMLを加工して、他の画像と組み合わせ、画像を拡大してるような感じにしてみた。

スポンサードリンク


 他にもいろいろサービスがあるので簡単に紹介を。
あまなつAdparts
 画像をトリミングして一部を表示できる。大きな画像がある商品なら面白く使える。

山本梓写真集 あずきゅん
あまなつ Shopあまなつで見る 同じレイアウトで作成

あまなつAdslide
 画像の一部を次々とスライドショーで見せる。これも大きな画像必須。

トップをねらえ2!&トップをねらえ! 合体劇場版BOX (初回限定生産)
あまなつ Shopあまなつで見る 同じレイアウトで作成

AdB広告作成(ソーシャルブックマークを利用したAmazon商品広告)
 はてなブックマークやdel.icio.usを利用するもの。あまなつの紹介ページを特定のタグでブックマークして使う。自分の気になったものをブックマークすればいいだけなので、面倒でついさぼりがちな更新作業が簡単になりそう。

Pickup Amazon --あまなつ--
 人のページで紹介しているAmazon商品を簡単に紹介するツール。ASIN番号を調べるのが面倒な時に。


About

1997年から運営している個人サイト。2002年にブログ化。オタクネタを中心で書いていたが、最近はウェブサービスの話題が多い。
サイトの詳細
旧Movable Type版(2002/12から2006/11まで)
2002/12以前

Twitter Flickr
ARTIFACT@ハテナ系
はてなダイアリー
ARTIFACT BOOKMARK
はてなブックマーク
ARTIFACT clipper
tumblr
ARTIFACT@photologue
tumblrで運営している写真ブログ

AD

Recommend


59 queries. 0.357