当サイトについて

当サイトは、レッドストーン黄鯖・オサマのブログです。
当サイトはリンクフリーです。

主要キャラ

RSS新着情報

クリックすると蔦さんのイラストが表示されます Powered By 画RSS

カレンダー

ギルメン募集

当サイトバナー

10 | 2017/11 | 12
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -
海舟~ゴールド~ではギルメンを常時募集しております。
ギルド戦:水曜 22:30前後、日曜 21:30前後
攻城戦:土曜 21:00~23:00
攻撃速度8% 移動速度8%

Sponsored Link

Sponsored Link

スポンサーサイト

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

Sponsored Link

LightBox v2.04 FC2ブログ導入方法

見える部分より見えない部分が重要


見えない部分を見るように心掛けてます。
オサマです、こんばんわ!

決してエロい話では
○ございません



移動速度計算機に関して、恩寵が実装されてないとご指摘いただきましたので、実装いたしました。
まぁ、大した修正ではないのですが。

ヘイスト、リカバリ等々選べるようにしようかと思ったのですが、まだ未実装。
そのうち不意に追加しておきます^w^





そういえば、最近ようやく検索エンジンからのアクセスが増えてきました。
RS関係のアクセスじゃないんですがw

Googleさんにはある程度良くしていただいてるのですが、
Yahooさんはまだインデックスさえほとんどしてくれないという現状。


Google のインデックス状況
Yahoo のインデックス状況


そろそろ Yahooのインデックスも増えていいんじゃないかなぁ?
「ぐぐる」って言葉が浸透してはいても、まだまだ日本は Yahooの天下。

まぁ地道にやるしかないか・・・



ってことで、検索エンジンからのアクセスの 8割を占める LightBox について
今回は FC2ブログへ導入する方法を書きます。

ネタ不足のためでは
○ございません

※IE6・7、FireFox 3.0.4、Opera9.63 で確認済みです。

1.LightBoxのスクリプトをダウンロード

下記URLより Lightbox v2.04 をダウンロードしてください。
http://www.lokeshdhakar.com/projects/lightbox2/


2.パスの変更

Zipファイルを解凍します。
その中の、lightbox.js、lightbox.css を下記のように修正してください。

lightbox.js (修正前)
49行目 fileLoadingImage: 'images/loading.gif',
50行目 fileBottomNavCloseImage: 'images/closelabel.gif',


lightbox.js (修正後 当ブログの場合)
49行目 fileLoadingImage: 'http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/loading.gif',
50行目 fileBottomNavCloseImage: 'http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/closelabel.gif',



lightbox.css (修正前)
16行目 #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
17行目 #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


lightbox.js (修正後 当ブログの場合)
16行目 #prevLink:hover, #prevLink:visited:hover { background: url(http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/prevlabel.gif) left 15% no-repeat; }
17行目 #nextLink:hover, #nextLink:visited:hover { background: url(.http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/nextlabel.gif) right 15% no-repeat; }


※http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama の部分はブログのイメージファイルへのパスを指定してください


3.ファイルのアップロード

index.html、image-1.jpg、thumb-1.jpg 以外のファイルを全てアップロードしてください。


4.Bodyタグに下記ソースを追加

本来なら、<Head>~</Head>タグ内に追加するのですが、IE6、IE7 の不具合により、
最後に読み込ませる必要があります。
そのため、</Body>の直前に追加してください。

<link rel="stylesheet" href="http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/prototype.js"></script>
<script type="text/javascript" src="http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/lightbox.js"></script>



5.使用方法

使い方は至極簡単。

<a href="画像のパス" rel="lightbox"><img src="サムネイルへのパス"/></a>

上記のように書けば下記のような表示になります。





複数の画像を連続して表示したい場合は

<a href="http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/test1L.png" rel="lightbox[test]">
<img src="http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/test1S.png" alt="" border="0" class="floatLeft"/></a>
<a href="http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/test2L.png" rel="lightbox[test]">
<img src="http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/test2S.png" alt="" border="0" class="floatLeft"/></a>
<a href="http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/test3L.png" rel="lightbox[test]">
<img src="http://blog-imgs-30-origin.fc2.com/r/s/o/rsosama/test3S.png" alt="" border="0" class="floatLeft"/></a>

上記のように書けば下記のような表示になります。



画像をスライドできるようになったかと思います。

[test]の部分に指定された文字列と同じ文字列の画像がスライドされるようになります。
半角英数のみ指定可能です。



まぁあくまで自己満足。

比較的簡単に導入できるのでお試しあれ。



今回思ったこと。
やっぱりこの手の記事の方が時間かからんねw


Related Posts with Thumbnails

テーマ : RED STONE
ジャンル : オンラインゲーム

2009-07-30 : メモ書き : コメント : 5 :
Pagetop
THX!!
2010-04-20 03:03 : pok URL : 編集
You're welcome!
2010-04-20 20:31 : オサマ URL : 編集
No title
誤字多くて参考になりませんですた
2011-04-14 03:49 : URL : 編集
No title
to おバカさん
> 誤字多くて参考になりませんですた
理解力が乏しいのは辛いっすねwww
2011-04-14 19:58 : オサマ URL : 編集
承認待ちコメント
このコメントは管理者の承認待ちです
2017-07-20 01:41 : : 編集
コメントの投稿
非公開コメント

RSS新着情報
Powered By 画RSS
Pagetop
« next  ホーム  prev »
Pagetop

FC2カウンター

アクセスランキング

[ジャンルランキング]
オンラインゲーム
1525位
アクセスランキングを見る>>

[サブジャンルランキング]
レッドストーン
40位
アクセスランキングを見る>>

最新記事

最新コメント

最新トラックバック

リンク元ランキング

オサマ管理サイト

ギルメンブログ

RS関連ブログ

フレッツ光

フレッツ光を申し込むなら今! 最大70000円キャッシュバック!

ブログ内検索

異常抵抗計算機

異常抵抗計算機Script表示

下のスクリプトを貼り付けてください

攻撃速度計算機

攻撃速度計算機Script表示

下のスクリプトを貼り付けてください

移動速度計算機

移動速度計算機Script表示

下のスクリプトを貼り付けてください

GVフィールド抵抗値

転生レベル計算機

カテゴリ

GV・攻城戦 (219)
狩り (18)
リアル日常 (35)
メモ書き (15)
その他 (20)
RS日常 (255)

月別アーカイブ

RSSリンクの表示

ブロとも申請フォーム

この人とブロともになる

QRコード

QRコード

注意事項

(C)2009 L&K Logic Korea Co., Ltd. All Rights Reserved. (C)2009 GameOn Co., Ltd. All Rights Reserved.


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


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