自分のサイトに「画像隠し文字」を追加できる「Select Art」

sa_00.jpg
見た目は普通のテキストだが、選択すると画像が浮かび上がってくる……という不思議なページを作成できるツールが「Select Art」だ。テキストの中に埋め込む画像ファイルはパソコン内から指定することが可能。出力されたページは自分のサイトに表示することもできるぞ。

テキストの中に画像を隠して、全選択すると浮かび上がるページが流行ったが、「Select Art」はそのページを自分で作成してサイトに組み込めるサービスだ。パソコン内のファイルを選択して、表示するテキストを入力すると、画像が隠されたテキストが出力される。スタイルシートとHTMLが合わせて出力されるので、そのまま自分のサイトに組み込むこともできる。これでサイトを訪れた人を驚かせちゃおう。

■ 画像ファイルをテキストの中に隠す

sa_01-thum.jpg
Select Art」を開いて「参照」をクリックし、変換したい画像ファイルを指定。「タイトル」を適当に入力したら、表示したい文章を「テキスト」に入力して「アップロード」をクリック

sa_02-thum.jpg
画像の変換が行われる。完了すると「テキスト」で入力した文章が羅列されるぞ

sa_03-thum.jpg
表示されているテキストをマウスカーソルで選択すると、隠されていた画像が浮かび上がってくる

sa_04-thum.jpg
画像が画面に収まりきらない場合は、「フォントサイズ」で「小さめ」や「最小」を選ぶと、フォントが小さくなり合わせて画像もコンパクトになる

sa_05-thum.jpg
画面の下には「スタイル」と「HTML」が表示される。これをスタイルシートとHTMLファイルにコピーすれば、画像が浮き上がるフォントを自分のサイトでも再現することが可能

2010年06月25日 23時16分
©教えて君.net All Rights Reserved.