猫とMacの日々

 
--
 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 
07
 
数年前からでしょうか、サムネイルをクリックするとそのままのページで画像が浮いたように拡大するエフェクトをブログでよく見かけるようになりました。
それを行うエンジンを Lightbox系スクリプトといい下記リンクによると36種類上もあるんだそうです。
◯THE HAM MEDIA BLOGより「イメージのLightbox系スクリプトのまとめ

やっぱりApple系ブログのみなさんもしっかり使っておられます。
ダンボさんの「Macお宝鑑定団Blog(羅針盤)」では PrettyPhotoを、
wakabaさんの「わかばマークのMacの備忘録」では Lytebox を、
立花岳志さんの 「No Second Life」では Simple Lightboxを。

この私もヘタレながら FancyZoom というのを使っていたんですが Twitterなどを機能的にリンクしてくれる zenback 干渉しちゃうんですよ。
干渉の回避はできるそうですが何やら呪文のようなスクリプトを変更しなければなりません。そんなスキルが猫の頭の私にあるはずもなく FancyZoom を泣く泣く外すことになりました。 なんだかんだ言っても zenback は便利だもんね。

もちろん FancyZoomzenback を共存させて使っておられる Apple系ブログもあります。
くじゃくさんの「リンゴが好きでぃす♪」 や veadarさんの「Macの手書き説明書」、ジェットさんの「MacBookの小部屋」 などです。
ホントすごいなぁ~憧れます。爪の垢を送ってください!

それでも、FancyZoom を諦めても画像拡大エフェクトしたい思いはどんどん拡大し、「違うスクリプトならうまくいくかも?」と淡い期待をそれに賭けることにしました。

FC2ブログでどんな Lightbox系スクリプトが人気かなぁ~とぐぐってみたら、派生の Lightbox 2 をみなさん使われていることがわかりました。
◯oyoyo Memo Blog より「2011/3/18/ にリリースされた Lightbox 2.05 を試用してみる
◯京都THUG LIFEより「高瀬川+小雨=Lightbox 2.05 京都・木屋町通
調べると Lightbox 2 は最近2.05にバージョンアップしてIE9対応になったそうです。こりゃ好都合ですね。

Lightbox 2.05の導入方法は下記リンクを見てその通りやればばっちりでした。
◯覚書 - My Knowledge Base - FC2ブログ版より 「FC2ブログで「Lightbox 2」を導入する方法

導入方法をざっくり書くと以下の通りです。(詳細は上記リンクで見てね)

1)Lightbox v2.05.zipをダウンロードして解凍する。
2)解凍した中身から「lightbox.js」「lightbox.css」「image-1.jpg」「thumb-1.jpg」の4つ以外をFC2ブログにアップロードする。
3)アップロード後にアップロードされたURLを必ずメモする
4)「lightbox.js」をテキストエディタで開き「closelabel.gif」「loading.gif」のURLをメモしたのに変更し上書き保存する。
5)「lightbox.css」をテキストエディタで開き「nextlabel.gif」「prevlabel.gif」のURLをメモしたのに変更し上書き保存する。
6)上書き保存した「lightbox.js」と「lightbox.css」を他のファイルを同様にアップロードする。
7)アップロード後にアップロードされたURLを必ずメモする
これでアップロードは完了です。

次にお使いのFCブログのテンプレートの変更をします。
テンプレートの<head> ~ </head>の間に以下の行を追加してテンプレートを更新して保存する。
もちろん「アップロード先」とあるところは書き換えてくださいね。


そしていつものようにブログを書いて写真を貼ったら
拡大したい画像のリンクタグに「rel="lightbox"」を追加すると準備万端となります。

テストしてみましょう。
前回の記事で紹介しました愛猫メロンのいたずらを写した4コマ写真です。
猫軍団の hosomichiさんが MacBook Pro 17インチ買ってすぐお披露目に来てくださった時のことです。
メロンはマジックトラックパッドに大変興味を持ちまして…こっそり…


640-Melon1a.jpg

640-Melon2a.jpg

640-Melon3b.jpg

640-Melon4a.jpg


なんかうまくいきましたね? メロンはマジックトラックパッドをゲットする前に捕まりましたけど(笑)

現在私の環境では Lightbox v2.05は zenback干渉もなくうまく動いております。
めでたしめでたし。
関連記事
スポンサーサイト
RSSリーダーで読んでね


Comment


(非公開)




(編集・削除用)


管理者にだけ表示を許可

Trackback

http://tamac.blog3.fc2.com/tb.php/568-1b089e40

この記事にトラックバック(FC2Blog User)

Home

カレンダー

プルダウン 降順 昇順 年別

08 | 2017年09月 | 10
- - - - - 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


Apple Amazing LINKS

URLのABC順です

Apple Marvelous LINKS

URLのABC順です

以下ブログ休止中

Fantastic Cats LINKS

素材スペシャルリンク

とんとん工房の復活を願うひとりです。

猫屋敷連合(猫軍団)

AppleBlog百人百録2013

Apple系リンクブックです。 画像クリックでダウンロードページに飛びます。

私の渾身の作品をどうぞご覧ください。

ブロとも申請フォーム

リンク

メールフォーム

名前:
メール:
件名:
本文:

カテゴリー

FC2カウンター

feedburner

ブログ内検索

Ukphoto

伊勢志摩を本拠地に全国を奔走するドローンカメラマン中西学さんのページ。来る2月13日よりソニーストア名古屋にて写真展を開催します!

Jazz Vocalist 佳川夏己

3オクターブの音域を駆使し浸透性ある歌声で清楚も妖艶も演じこなすジャズボーカリストです。ジャズ好きなら彼女のステージを一度ご覧ください。1st CD 『PEONY』絶賛発売中。

iMug -伊勢志摩UserGroup-

ブログ「林囓mac」のMetalさん主催で開催される伊勢志摩地方のApple User Groupです。定例会を月一でされていますのでお近くならぜひご参加くださいね。

伊勢ゲストハウス風見荘

伊勢市駅から僅か徒歩2分。築80年の歴史ある旅館をボランティアで半年かけて大改造。全世界からお客様が泊まりに来るアットホームな伊勢のゲストハウスです。

おすすめのパソコン教室

アイテスプラスは名古屋市南区のパソコンスクールです。なんとスマホ、iPhone、iPadクラスもあるんです!優しい先生が手取り足取りお教えくださいますよ。

伊勢・河崎 モナリザ Cafe

モナリザは伊勢河崎に築150年の砂糖蔵を改装した喫茶店です。 伊勢路の新銘菓として名高い「サトナカクッキー」もおみやげにどうぞ。

おすすめのレストラン

伊勢志摩は鳥羽に花咲く桃源郷 イタリアンレストラン Cuccagna(クッカーニャ) あなたの素敵な時間のためにあるお店です

おすすめの博物館

Appleファンの琴線に響く博物館。その名も「Steve Jobs museum」 トブiPhoneのトブさんが全身全霊を傾けて建設中です!

twitter & tumblr

Follow Me


Like Box

つぶやき

BlogPeople





チーズスイートホーム

ランキング

にほんブログ村 PC家電ブログ Macへ にほんブログ村 猫ブログへ blogram投票ボタン

スポンサー

収益金は全て恵まれない猫のために使います。


みーけのおすすめ

プロフィール

みーけ

  • Author:みーけ
  • 無類の猫好きの私みーけがアップル系のお話を軸に自由に書き散らすブログです。
    貴重な情報は他で得て息抜きにお越しください。

    可愛い猫のトップ画像は「とんとん工房」のTOM様よりお借りしています。

    「猫とMacの日々」は2004年6月15日に開始しました。
    2005年11月30日までの記事はDoblogから移管しました。
    Broachで掲載した2005年12月1より2009年4月25日までの記事は湘南画材研究所の朝之丞さんのご好意により移管できました。
    ここに深く感謝いたします。

カンタン!ブログお引越しサービス

ブログのお引越しは『カンタン!ブログお引越しサービス』をおすすめします。

画像はPicasaにまとめてアップロードした後に画像リンク変更したMovable Type形式データを作成してくださいます。

最近の記事

最近のコメント

最近のトラックバック

RSSフィード

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