無料レンタルサーバー
カウンター

ブログ内検索

最近のコメント

CONTENTS


MHF公式


(C)CAPCOM CO., LTD. 2007 ALL RIGHTS RESERVED.

プロフィール

穂の歌猟団管理組合

Author:穂の歌猟団管理組合
MHFにだけある、猟団システムがなんなのかを知りたい猟団員達が立ち上げる猟団『穂の歌猟団』デス。
社会人中心&マターリな猟団です。ルーキーからベテランまで楽しく遊んでます。
穂の歌猟団の記録を更新したい猟団員は、お気軽にお問い合わせ下さい。
猟団運営サポートをお手伝いいただける穂の歌猟団管理組合員も随時募集しております。

RSS


フィードメーター - 穂の歌猟団の記録
Bloglinesで閲読登録
ADD TO Hatena::RSS
Subscribe with livedoor Reader
Add to Google

For Mobile

QRコード

なかのひと

Special Thanks !!

穂の歌猟団の記録
SOMETHING LIKE A DIARY OF MONSTER HUNTER FRONTIER ONLINE.
連絡案内事項

サーバ統合後の穂の歌猟団の運用は、del-Gesuさん、Syl-phalanxさんにて調整の上、継続の予定であります。影ながら飛橘にてサポートさせて頂きます。
2013/09/18統合によるご連絡を追記。


穂の歌の掲示板 ALL

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

画像で遊んでみたい人は・・・
穂の歌猟団の記録 2007年夏の納涼撮影会@2鯖』の画像をクリックすると気がついた人もいるかと思いますが、この画像を表示するときのエフェクトの付け方について書いておきます。

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

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

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

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

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

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

WS000059.jpg

 


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

rel="lightbox"

の後に続けて、

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

を入れます。

<a href="http://blog-imgs-13.fc2.com/m/h/f/mhfhonoka/画像ファイル名" rel="lightbox" title="画像の下に出したいキャプション"><img src="http://blog-imgs-13.fc2.com/m/h/f/mhfhonoka/画像ファイル名" 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した画像毎に設定してください。

上記の方法で設定したものは、ポップアップした画像の画面でページ送りで表示されるようになります。サンプルは、こちらのエントリ『穂の歌猟団の記録 2007年夏の納涼撮影会@2鯖 - MONSTER HUNTER Frontier -』の画像をクリックして確かめてみてください。


Additionally, reference site
Lightbox JS v2.0
 
 

テーマ:モンスターハンターフロンティア - ジャンル:オンラインゲーム

この記事に対するコメント

これって、ツール入れないとダメじゃない?
【2008/09/11 10:16】 URL | seki #qbIq4rIg [ 編集]


うーんと、仕込みは既に終わってるんだけどw。
後は、タグを書けばサンプルのように表示されるハズですwww。
あんまり使ってないなーw
【2008/09/11 13:07】 URL | 飛橘 #t50BOgd. [ 編集]


この記事に対するコメントの投稿














管理者にだけ表示を許可する


この記事に対するトラックバック
トラックバックURL

この記事にトラックバックする(FC2ブログユーザー)


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