トップページ > パソコン Archive
パソコン Archive
Lightbox v2.04 設置方法
- 2008年10月 7日 20:18
- パソコン
写真をクリックすると画面にかっこよく表示させられるLightboxをMovable Typeで設置してみました。
最初はGoogleで検索した関連記事を見ながら設定をしていたのですが、ぜんぜん設置が行えなくて悪戦苦闘していたのですが、改めてLightboxの公式サイトを見直して旧バージョンと最新バージョンでは、<head>タグ内に入力するJavascriptの記述が違うのに気づき、やっとこ設置することが出来ました。
記念に設置方法を残してみたので興味のある方は参考に試してみてください。
分かれば簡単、ちゃんと説明を読めば誰でも出来ます。
※Javascriptを有効にしておかないとうまく見れないので気をつけてください。
IE7でJavascriptの有効にする方法はこちら。
なお、今(08.10.07)の時点でバージョンはv2.04です。ご注意してください。
ファイルをダウンロードできたら解凍してください。
解凍方法が分からない方はGoogleで検索してください。適当にフリーソフトがあります。
解凍ができたらjsフォルダにあるlightbox.jsとcssフォルダにあるlightbox.cssを編集したいので、テキストエディタで開いてください。なお、解凍直後はフォルダ名がlightbox2.04になっていますが、適当にlbjsなどに変更してみましょう。
お好きなフォルダ名でかまいませんが、本ページではlbjsで説明します。
■lightbox.jsとファイルの編集
49行目と50行目にあるGIFファイルへのリンクをhttp://からのフルパスで記載してください。
■lightbox.cssファイルの編集
16行目と17行目にあるGIFファイルへのリンクをhttp://からのフルパスで記載してください。
アップロードした後、フォルダ(lbjs)したのトップ階層にあるindex.htmlをIEで開いてください。
URLは「http://hogehoge.com/lbjs/index.html」になります。
ページが開いたらページ内にある画像をクリックしてみてください。
上手く出来ましたでしょうか？
出来た方は次へ、出来なかった方は残念ながら最初から試してください。がんばってください。
※バージョンによって<head>タグへ記入する記述が違うので注意が必要です。
ここの部分が旧バージョンの記述で編集していたので、私はいっこうに設置出来ませんでした。
以下が画像からクリックする際のタグ
以下が文章からクリックする際のタグ
rel="lightbox"を追加するだけで完了です。
最後のほうは噛み砕かないで説明しましたが、どうでしょうか？
貴方のBlogもかっこよくなりましたでしょうか？
分からなくなったらGoogleで検索すれば他にもたくさん情報はでてきます。
諦めずに頑張ってください。
最初はGoogleで検索した関連記事を見ながら設定をしていたのですが、ぜんぜん設置が行えなくて悪戦苦闘していたのですが、改めてLightboxの公式サイトを見直して旧バージョンと最新バージョンでは、<head>タグ内に入力するJavascriptの記述が違うのに気づき、やっとこ設置することが出来ました。
記念に設置方法を残してみたので興味のある方は参考に試してみてください。
分かれば簡単、ちゃんと説明を読めば誰でも出来ます。
①見本とLightboxとは？
設定する前にLightboxてなに？何ができるの？と疑問に感じた方は、下の画像をクリックしてみてください。見れば違いが分かるとお思います。
※Javascriptを有効にしておかないとうまく見れないので気をつけてください。
IE7でJavascriptの有効にする方法はこちら。
②ファイルのダウンロードと初期設定
こんなかっこいー！！記事を私のBlogに載せたいわーと思った方は、Lightboxの公式サイトへ進みダウンロードして初期設定へ進んでください。なお、今(08.10.07)の時点でバージョンはv2.04です。ご注意してください。
ファイルをダウンロードできたら解凍してください。
解凍方法が分からない方はGoogleで検索してください。適当にフリーソフトがあります。
解凍ができたらjsフォルダにあるlightbox.jsとcssフォルダにあるlightbox.cssを編集したいので、テキストエディタで開いてください。なお、解凍直後はフォルダ名がlightbox2.04になっていますが、適当にlbjsなどに変更してみましょう。
お好きなフォルダ名でかまいませんが、本ページではlbjsで説明します。
■lightbox.jsとファイルの編集
49行目と50行目にあるGIFファイルへのリンクをhttp://からのフルパスで記載してください。
fileLoadingImage:'http://hogehoge.com/lbjs/images/loading.gif',※hogehoge.comは例えです。自分のホームページアドレスを記載してください。
fileBottomNavCloseImage: 'http://hogehoge.com/lbjs/images/closelabel.gif',
■lightbox.cssファイルの編集
16行目と17行目にあるGIFファイルへのリンクをhttp://からのフルパスで記載してください。
#prevLink:hover, #prevLink:visited:hover { background: url(http://hogehoge.com/lbjs/images/prevlabel.gif) left 15% no-repeat; }※hogehoge.comは例えです。自分のホームページアドレスを記載してください。
#nextLink:hover, #nextLink:visited:hover { background: url(http://hogehoge.com/lbjs/images/nextlabel.gif) right 15% no-repeat; }
③アップロードと確認
lightbox.jsとlightbox.cssを編集したらフォルダ(lbjs)ごと全てWWWサーバへアップロードしてください。アップロードした後、フォルダ(lbjs)したのトップ階層にあるindex.htmlをIEで開いてください。
URLは「http://hogehoge.com/lbjs/index.html」になります。
ページが開いたらページ内にある画像をクリックしてみてください。
上手く出来ましたでしょうか？
出来た方は次へ、出来なかった方は残念ながら最初から試してください。がんばってください。
<head>タグの編集
Movable Typeで<head>タグが設定されているテンプレートを開き以下の記述を<head>タグから</head>タグの間に記述してください。<script type="text/javascript" src="http://hogehoge.com/lbjs/js/prototype.js"></script>記述が終わったら、再構築してください。
<script type="text/javascript" src="http://hogehoge.com/lbjs/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://hogehoge.com/lbjs/js/lightbox.js"></script>
<link rel="stylesheet" href="http://hogehoge.com/lbjs/css/lightbox.css" type="text/css" media="screen" />
※バージョンによって<head>タグへ記入する記述が違うので注意が必要です。
ここの部分が旧バージョンの記述で編集していたので、私はいっこうに設置出来ませんでした。
④Blog記事への記述
あとは、HTMLタグが分かればかんたんだと思います。以下が画像からクリックする際のタグ
<a href="http://hogehoge.com/**.jpg" rel="lightbox" title="**"><img src="http://hogehoge.com/**.jpg" width="**" height="**" alt="**" /></a>
以下が文章からクリックする際のタグ
<a href="http://hogehoge.com/**.jpg" rel="lightbox" title="**">**</a>そうです。
rel="lightbox"を追加するだけで完了です。
最後のほうは噛み砕かないで説明しましたが、どうでしょうか？
貴方のBlogもかっこよくなりましたでしょうか？
分からなくなったらGoogleで検索すれば他にもたくさん情報はでてきます。
諦めずに頑張ってください。
- Comments: 0
- TrackBacks: 0
パソコンの掃除とワイヤレスキーボードへ変更
- 2008年4月13日 21:34
- パソコン
パソコンの机の上にホコリが沢山溜まっていたので久々に掃除をしました。
まずは、ケーブル類を全てはずして、パソコン本体のケースを開けて各ファンに詰まっているホコリをエアーダストで吐き出す。
ホコリが溜まっているとパソコン内に熱がこもるので、
パソコンの動作が不安定になるとのことですが本当なのでしょうか？
※いわゆる「サーマルシャットダウン」！！
私は一度もありませんが・・・
それと同時に机の上を雑巾でふく。
大量のゴミがあることに更にビックリ。
【掃除後のパソコン周り】
続いて液晶をタオルなどの柔らかいもので軽く掃除。
今回は、スピーカーが邪魔だったので捨てました。変わりに液晶ディスプレーについているスピカーを活用。これにより狭い机が多少広く見える。
続けて楽天で購入したBluetooth対応のワイヤレスキーボードが新しい周辺機器として登場。
今まで有線のケーブルで邪魔だったキーボードを撤去。
スピーカーの撤去・ワイヤレスキーボードの導入により多少はスマートになったのではないでしょうか？
ちなみにBluetoothについてチョットまとめてみたので、興味のある方はご覧ください。
【
ダイヤテック製Bluetooth対応キーボードFKBT108ML/JBを購入】
【自宅にいながらパソコン・周辺機器が購入出来ちゃう便利な『楽天市場』】
まずは、ケーブル類を全てはずして、パソコン本体のケースを開けて各ファンに詰まっているホコリをエアーダストで吐き出す。
ホコリが溜まっているとパソコン内に熱がこもるので、
パソコンの動作が不安定になるとのことですが本当なのでしょうか？
※いわゆる「サーマルシャットダウン」！！
私は一度もありませんが・・・
それと同時に机の上を雑巾でふく。
大量のゴミがあることに更にビックリ。
【掃除後のパソコン周り】
続いて液晶をタオルなどの柔らかいもので軽く掃除。
今回は、スピーカーが邪魔だったので捨てました。変わりに液晶ディスプレーについているスピカーを活用。これにより狭い机が多少広く見える。
続けて楽天で購入したBluetooth対応のワイヤレスキーボードが新しい周辺機器として登場。
今まで有線のケーブルで邪魔だったキーボードを撤去。
スピーカーの撤去・ワイヤレスキーボードの導入により多少はスマートになったのではないでしょうか？
ちなみにBluetoothについてチョットまとめてみたので、興味のある方はご覧ください。
【
【自宅にいながらパソコン・周辺機器が購入出来ちゃう便利な『楽天市場』】
- Comments: 0
- TrackBacks: 0
ハードディスクのPhoto Gallery
- 2008年3月15日 22:05
- パソコン
以前紹介した『ハードディスクを再利用』のPhoto Galleryを作りました。
興味のある方はご覧ください。
■hoto Gallery > ノートパソコンのHDを、外付けHDへリサイクル
http://tkys-pro.net/blog/photo/categories/hd/
【これは、メビウスPC-MM1-H1Wで使用している1.8インチHDです。】
興味のある方はご覧ください。
■hoto Gallery > ノートパソコンのHDを、外付けHDへリサイクル
http://tkys-pro.net/blog/photo/categories/hd/
【これは、メビウスPC-MM1-H1Wで使用している1.8インチHDです。】
- Comments: 0
- TrackBacks: 0
Labelflashで思い出の写真をバックアップ
- 2008年3月13日 14:33
- パソコン
自分のパソコンにはLabelflashを利用できるドライブ「DVR-AN18GLV」が搭載されているので、試しにグアム写真をバックアップとレーベルフラッシュで作成してみた。
【以前にアマゾンで購入したドライブ「
DVR-AN18GLV」】
【今回使用した、富士フイルムのLabelflash対応メディア】
光の加減で作ったメディアをうまく残せませんが、なかなか綺麗にラベルが作成できました。
【開けたばかりのメディアです。何も書き込まれていません。】
【光の加減で分かり辛いですが・・・少し縦長になって書込まれている気がします。】
ただ、そんなに興味が出る物ではなかったので、はまりそうではないですね・・・
■レーベルフラッシュ公式サイト
http://labelflash.jp/jp/index.html
【以前にアマゾンで購入したドライブ「
【今回使用した、
光の加減で作ったメディアをうまく残せませんが、なかなか綺麗にラベルが作成できました。
【開けたばかりのメディアです。何も書き込まれていません。】
【光の加減で分かり辛いですが・・・少し縦長になって書込まれている気がします。】
ただ、そんなに興味が出る物ではなかったので、はまりそうではないですね・・・
■レーベルフラッシュ公式サイト
http://labelflash.jp/jp/index.html
- Comments: 0
- TrackBacks: 0
USBに差し込むだけでBluetooth環境
- 2008年3月 4日 11:12
- パソコン
Bluetoothの知識を深めたいと思い、アマゾンで「
PLANEX Bluetooth Ver2.0+EDR対応 Microサイズ USBアダプタ BT-MicroEDR2」を購入してみた。
Bluetoothは、携帯電話・PHS、スマートフォン・PDAやPCなどの携帯端末に無線通信を行うことが出来るところが魅力的です。
ただ、今回購入した物は、パソコン側のUSBに差し込むだけの子機側。Bluetooth対応のマウスやヘットホンを持っていないので、今のところ使い道がありません。
少しづつ用意していきたいです。
【PLANEX Bluetooth Ver2.0+EDR対応 Microサイズ USBアダプタ BT-MicroEDR2】
■PLANEXの商品紹介ページ
http://www.planex.co.jp/product/bluetooth/bt-microedr2/
【自宅にいながらパソコン・周辺機器が購入出来ちゃう便利な『楽天市場』】
Bluetoothは、携帯電話・PHS、スマートフォン・PDAやPCなどの携帯端末に無線通信を行うことが出来るところが魅力的です。
ただ、今回購入した物は、パソコン側のUSBに差し込むだけの子機側。Bluetooth対応のマウスやヘットホンを持っていないので、今のところ使い道がありません。
少しづつ用意していきたいです。
【
■PLANEXの商品紹介ページ
http://www.planex.co.jp/product/bluetooth/bt-microedr2/
【自宅にいながらパソコン・周辺機器が購入出来ちゃう便利な『楽天市場』】
- Comments: 0
- TrackBacks: 0
ハードディスクを再利用
- 2008年2月28日 11:04
- パソコン
以前使用していたノートパソコンのハードディスクを、外付けハードディスクとして再利用。
パソコンが壊れた際のハードディスクの取り扱いには、個人情報など他人に見られたくない情報があるので、取り扱いには気になりますね。
メーカー製のパソコンであれば、リサイクル法があるのでリサイクル業者で物理的に壊してくれますが、自作の場合だと自分で壊すしかないですか、壊すのはもったいないので、再利用してみた。
ケースはアマゾンで「玄人志向 2.5型HDDケース(クロムシルバー) GW2.5AI-U2」を￥845円で購入、ケースに入れて作り終えるのに10分・Windows上の操作で利用できるまでに20分程かかりました。
※Windows側の操作はフォーマットの時間が大半を占める。
最近の外付け記憶装置としてはUSBメモリが支流ですが、今後、この外付けHDを使用してリナックスでも動かせるといいなーなんて思っています。
【使わなくなったHDが￥845円で外付HDけとして再利用】
【自宅にいながらパソコン・周辺機器が購入出来ちゃう便利な『楽天市場』】
パソコンが壊れた際のハードディスクの取り扱いには、個人情報など他人に見られたくない情報があるので、取り扱いには気になりますね。
メーカー製のパソコンであれば、リサイクル法があるのでリサイクル業者で物理的に壊してくれますが、自作の場合だと自分で壊すしかないですか、壊すのはもったいないので、再利用してみた。
ケースはアマゾンで「
※Windows側の操作はフォーマットの時間が大半を占める。
最近の外付け記憶装置としてはUSBメモリが支流ですが、今後、この外付けHDを使用してリナックスでも動かせるといいなーなんて思っています。
【使わなくなったHDが￥845円で外付HDけとして再利用】
【自宅にいながらパソコン・周辺機器が購入出来ちゃう便利な『楽天市場』】
- Comments: 0
- TrackBacks: 0
パソコンリフォーム
- 2007年8月14日 22:21
- パソコン
前々から行いたかった、自作パソコンのリフォームを二日間の休み期間中に実施しました。
最初は筐体を小さいタイプに変更をしたいと思い、いろんなサイトで情報を集めていましたが、これといった筐体がなかったのと金銭的に無駄だと思い、今ある筐体からお洒落に変更を行ってみました。
一番の変更のお気に入りは、今までは電源を入れた瞬間から大きな音を出していたCPUクーラを変更した事により、今は風が通り抜けるだけの静音に変わり、見慣れていた筐体の外見も5インチベイ取付け専用システムクーラーを、いれた事で外見がかなり変わったので充実しています。
【変更前のパソコン】
【変更後のパソコン。手前のシステムクーラーが青く光るのでお洒落です。】
あと、横浜のソフマップに行った際に見たソフマップオリジナル「バーガーパソコン」が販売していたので後で調べてみました。
手ごろな価格でサイズも小さいから、メーカーPCや自作するよりかお得かと？
少々思ってしまいました。
最初は筐体を小さいタイプに変更をしたいと思い、いろんなサイトで情報を集めていましたが、これといった筐体がなかったのと金銭的に無駄だと思い、今ある筐体からお洒落に変更を行ってみました。
■変更＆導入箇所
・intelのCPUクーラーからScythe社製静音CPUクーラーへ変更
・光学ドライブを2台から1台に変更
・内蔵型カードリーダーの導入
・5インチベイ取付け専用システムクーラーの導入(青く光るLED)
・筐体背面に8cmのシステムクーラーの導入
一番の変更のお気に入りは、今までは電源を入れた瞬間から大きな音を出していたCPUクーラを変更した事により、今は風が通り抜けるだけの静音に変わり、見慣れていた筐体の外見も5インチベイ取付け専用システムクーラーを、いれた事で外見がかなり変わったので充実しています。
【変更前のパソコン】
【変更後のパソコン。手前のシステムクーラーが青く光るのでお洒落です。】
あと、横浜のソフマップに行った際に見た
手ごろな価格でサイズも小さいから、メーカーPCや自作するよりかお得かと？
少々思ってしまいました。
- Comments: 0
- TrackBacks: 0
内蔵マルチドライブDVR-AN18GLVの購入
- 2007年7月14日 01:08
- パソコン
今までDVD＋R/RWやDVD-RAMなどのドライブは高額で手が届かないと思っていました。
だが、調べてみると手が届く価格まで値段が落ちたことを知りました。
昔の覚えでは3・4万はしていた気がするし、CD-R/RWは利用できるけどCD+R/RWは利用できないとか・・・技術も上がり大量生産になったのでしょうか？
今回購入した「I-O DATA ATAPI対応内蔵型 DVR-AN18GLV」はLabelflashという機能を搭載していて、CDやDVDのオリジナルラベルを作ることもできるそうです。
今回もアマゾンで購入し、早速自分のパソコンに搭載していろいろと遊んでいます。
【IO-DATA製 高速多彩なハイエンドDVDドライブDVR-AN18GLV】
【筐体が白いのでドライブも白で統一しないと。】
だが、調べてみると手が届く価格まで値段が落ちたことを知りました。
昔の覚えでは3・4万はしていた気がするし、CD-R/RWは利用できるけどCD+R/RWは利用できないとか・・・技術も上がり大量生産になったのでしょうか？
今回購入した「
今回もアマゾンで購入し、早速自分のパソコンに搭載していろいろと遊んでいます。
【IO-DATA製 高速多彩なハイエンドDVDドライブ
【筐体が白いのでドライブも白で統一しないと。】
- Comments: 0
- TrackBacks: 0
ワンセグを見たいので買いました。
- 2007年7月 2日 01:05
- パソコン
前々から気になっていたワンセグチューナカードをアマゾンで購入。
「BUFFALO製ワンセグテレビチューナー"ちょいテレ"｣です。
なんか以前のワイヤレスLAN機器と同じメーカーですが、同業者のメーカーにI-O DATAが
ありますが、なんかBUFFALO製を選んでしまいます。
たぶん、技術面ではI-O DATAの方がいい製品が多いいと思いますが、なにぶんブランドイメージとかでBUFFALOを選びます。
ということでVistaとXPパソコンにインストールして遊んでいます。
【BUFFALO 「ちょいテレ」データ放送対応 モバイル DH-ONE/U2M】
「
なんか以前のワイヤレスLAN機器と同じメーカーですが、同業者のメーカーにI-O DATAが
ありますが、なんかBUFFALO製を選んでしまいます。
たぶん、技術面ではI-O DATAの方がいい製品が多いいと思いますが、なにぶんブランドイメージとかでBUFFALOを選びます。
ということでVistaとXPパソコンにインストールして遊んでいます。
【
- Comments: 0
- TrackBacks: 0
ワイヤレスで楽々インターネット
- 2007年6月20日 01:06
- パソコン
また、アマゾンで「BUFFALO USB2.0ポート用 11g無線LANアダプタ WLI-U2-KG54L」の買い物をしてしまいました・・・
ノートパソコンで使用しているWindowsXPは既にワイヤレス環境ですが、デスクトップパソコンのWindowsVISTAでもワイヤレス環境を試したかったので購入してしまいました。
￥2240円でお得ですし・・・
まぁ新しい技術が出てくると試したいものなので、一生懸命勉強しています。
ワイヤレスLANですが、取っ付き辛いイメージがありますが、覚えてしまえば簡単なものなのでお試しください。快適なインターネットライフが行えると思います。
【BUFFALO USB2.0ポート用 11g無線LANアダプタ WLI-U2-KG54L】
次はワンセグかCD/DVD関連かな・・・？
出費ばかり続くは・・・
ノートパソコンで使用しているWindowsXPは既にワイヤレス環境ですが、デスクトップパソコンのWindowsVISTAでもワイヤレス環境を試したかったので購入してしまいました。
￥2240円でお得ですし・・・
まぁ新しい技術が出てくると試したいものなので、一生懸命勉強しています。
ワイヤレスLANですが、取っ付き辛いイメージがありますが、覚えてしまえば簡単なものなのでお試しください。快適なインターネットライフが行えると思います。
【
次はワンセグかCD/DVD関連かな・・・？
出費ばかり続くは・・・
- Comments: 0
- TrackBacks: 0
ノートパソコン復活
- 2007年4月30日 21:29
- パソコン
Yahoo!!オークションで購入した｢メビウスPC-MM1-H1W｣の初期セットアップが終わりました。
今回ハードディスクが壊れている出品品なので￥25000円で｢メビウスPC-MM1-H1W｣を購入。
購入した機種のHDDが1.8インチなもんで、量販店ではあまり販売していないので、
楽天で「東芝TOSHIBA 1.8インチ バルクHDD」を￥9000円程で購入してやっと正常に動くようになりました。
一先ず総額￥34000円程で購入で完成!!
追加購入でソースネクストの｢ウイルスセキュリティZERO｣を￥3000円弱で追加購入。
今は、ソファーに座りながら便利にノートパソコンを使用しています。
今回ハードディスクが壊れている出品品なので￥25000円で｢メビウスPC-MM1-H1W｣を購入。
購入した機種のHDDが1.8インチなもんで、量販店ではあまり販売していないので、
楽天で「
一先ず総額￥34000円程で購入で完成!!
追加購入でソースネクストの｢
今は、ソファーに座りながら便利にノートパソコンを使用しています。
- Comments: 0
- TrackBacks: 0
トップページ > パソコン Archive
- MY LINKS
- お気に入りのネットサービス
- NEW ENTRIES
- CATEGORIES
- ARCHIVES
- OLD ARCHIVES
- Search this site.
- FEEDS