FC2ブログ

穂の歌の日記

ほのぼの日記のはず・・・。

ギルドメンバ募集中!

 ギルド『穂の歌(ほのか)』では、一生商人・ハンターなギルドメンバを募集中です。過疎に負けないマターリギルドを目指しまてます。留学生や商人・ハンターの同盟ギルドも募集中です。入会や同盟に関するご質問はこちらでも受け付けております。
 興味ある方は、最寄りのメンバに気楽にお声がけください。
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--.--.-- --:-- | スポンサー広告 | トラックバック(-) | コメント(-) |
穂の歌の日記 花雪の贈り物』の画像をクリックすると気がついた人もいるかと思いますが、この画像を表示するときのエフェクトの付け方について書いておきます。

ブログを投稿するメンバの方で、遊び心が出たらやってみてください。

通常、記事を書く画面から、ファイルをアップロードを選択して、ファイルをアップロードして、「記事を書く」を選択して画像を入れるかと思います。

その時に、テキスト入力欄に以下が入るかと思います。
その中の、target="_blank" の部分を以下に書き換えてみてください。

「画像を選択して記事を書くを選択したときに入るソースコード」
<a href="http://blog-imgs-14.fc2.com/h/o/n/honokano/画像ファイル名" target="_blank"><img src="http://blog-imgs-14.fc2.com/h/o/n/honokano/画像ファイル名" alt="prevlabel.gif" border="0"></a><br clear="all">

target="_blank" の部分を rel="lightbox"に書き換えた場合のソースコード」
<a href="http://blog-imgs-14.fc2.com/h/o/n/honokano/画像ファイル名" rel="lightbox"><img src="http://blog-imgs-14.fc2.com/h/o/n/honokano/画像ファイル名" alt="prevlabel.gif" border="0"></a><br clear="all">

こうすることによって、画像がポップアップするときの効果を設定することが可能です。
下の画像をクリックしてサンプルを確認してみてください。

長安のクリスマスツリー

応用編1
画像の下にキャプション(注釈)を出したい場合は、

rel="lightbox"

の後に続けて、

title="画像の下に出したいキャプション"

を入れます。

<a href="http://blog-imgs-14.fc2.com/h/o/n/honokano/画像ファイル名" rel="lightbox" title="画像の下に出したいキャプション"><img src="http://blog-imgs-14.fc2.com/h/o/n/honokano/画像ファイル名" alt="prevlabel.gif" border="0"></a><br clear="all">
応用編2
画像を複数アップして、連続して見せたいような場合は、上の赤色の部分(target="_blank")を次のように修正します。

rel="lightbox[roadtrip]"

【ex.】
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

UPした画像毎に設定してください。

上記の方法で設定したものは、ポップアップした画像の画面でページ送りで表示されるようになります。サンプルは、こちらのエントリ『穂の歌の日記 月の印章(天竺冠-6級-護具-頭)』の画像をクリックして確かめてみてください。

Additionally, reference site
Lightbox JS v2.0
スポンサーサイト

かっこいい!
次してみます~

2007.01.22 00:25 URL | 梅竹松 #t50BOgd. [ 編集 ]













管理者にだけ表示

トラックバックURL↓
http://honokano.blog84.fc2.com/tb.php/79-ead300bb

©Copyright

©2007 JOYMAX All Rights Reserved.
©2007 GameOn Co., Ltd. All Rights Reserved.
当サイトで利用している画像及びデータは、株式会社ゲームオンに帰属します。
許可無くご利用又は転用になられる事は出来ませんので、予めご了承下さい。

厳選?穂の歌のシルコ動画

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