multihero.js (マルチヒーロー.js) | tshinobu.com
海外のウェブサイトで多く見られる「マルチヘッダー（MultiHeader）」「マルチヒーロー（MultiHero）」を実現するJavaScriptです。ページのキービジュアルやメインイメージに、複数のグラフィックを切り替えながら見せて、スペースをつぶさずにたくさんのコンテンツを配信します。（マルチヒーローについてはこちらの解説記事を参照→ユーザビリティやセンスの良さにグッときた8つのサイトデザイン） JavaScriptとCSSで構築しているので検索エンジンにインデックス化されやすく、どなたでも簡単にカスタマイズ＋導入いただけます。 Demo » Try demo without another. Sample code <head> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> <script ty
画像を矩形以外の形状で表示したい人のためのチュートリアル
画像にPNGマスクを使用して、ブラシストローク状、サークル状など、矩形とは異なる形状で表示するチュートリアルを紹介します。 デモページ もう一つのサークル状のデモは、下記ページのギャラリーのサムネイルとして使用されています。 Roundfolio 画像の枚数が少ないのであれば個別に画像を作成してもよいかもしれませんが、このデモのように数多くあると、このテクニックを使用した方がより効率よく実装できます。 [ad#ad-2] 画像の作り方 画像は3種類が必要で、全て同じサイズにします。 ロールオーバー用の画像 ※透過PNG画像 マスク用の画像 ※透過PNG画像 ベースとなる画像 サークル状に使用する画像3種類 制作：HTML, CSS, JavaScript HTML ロールオーバーとマスク用に2つの空span要素を使用します。 <a href="images/gallery-full.jpg
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
