2011,03,25, Friday
最近のブログや写真サイトへ行くと、画像をクリックすると
アニメーション演出も加えて大きな画像を表示するところがあります。
[テスト画像] ※JavaScriptがオフだと効果がありません
このリンクをクリックしたときの画像表示です。
去年10月に、ブログにランダム記事表示機能を追加してからは
なにもブログをカスタマイズしていません。
せっかくなので、この画像表示機能を蒼い車輪ブログに導入してみました。
画像を表示させるスクリプトは何種類かあるようですが、
私はSlimboxを導入しました。スムースなアニメーションの動きが気に入りました。
Slimboxは公式サイトからダウンロードできます。
このページに使い方からダウンロードまで書かれていますね。
説明を読みながら作業すればいいことですが、おおまかな手順をまとめてみました。
【１】スクリプトのダウンロード
Slimbox 1.71a for MooTools 1.2をダウンロードします。
解凍すると、いくつかフォルダが作られます。
このうち「css」「js」のフォルダを、まるごとWebサーバへアップロードします。
【２】HTMLの編集
Slimboxを使いたいHTMLのソースを開き、<HEAD>～</HEAD>タグ内に以下のコードを加えます。
アップロードしたWebサーバのディレクトリに応じて、srcの中身は書き換えてください。
【３】画像リンクの編集
画像にリンクしているアンカータグの属性に「rel="lightbox"」を追加します。
文章を加えたい場合は、「title="三峰口駅と秩父鉄道車両公園" 」を追加します。
Slimboxにはスライドショー機能もあります。
同じページに複数の写真があるとき、rel属性を「rel="lightbox-20110325"」のように
「lightbox-任意の文字列」にすると任意の文字列単位でスライドショーができます。
スライドショーを使うために3枚の写真を置いてみました。
[テスト写真１] [テスト写真２] [テスト写真３]
たった３ステップで導入できるので、とても簡単ですね。
CGIやPHPが動作できないWebサーバでも普通に使えます。
また、JavaScriptをオフにしている環境なら
普通の画像リンクとして使えますので、互換性も大丈夫ですね。
最近は、別ウインドウで画像を表示させることにストレスを
感じるようになってきていたので、この機能は助かります。
ちょっと大きめの画像を貼りたいときには便利だと思いますよ。
アニメーション演出も加えて大きな画像を表示するところがあります。
[テスト画像] ※JavaScriptがオフだと効果がありません
このリンクをクリックしたときの画像表示です。
去年10月に、ブログにランダム記事表示機能を追加してからは
なにもブログをカスタマイズしていません。
せっかくなので、この画像表示機能を蒼い車輪ブログに導入してみました。
画像を表示させるスクリプトは何種類かあるようですが、
私はSlimboxを導入しました。スムースなアニメーションの動きが気に入りました。
Slimboxは公式サイトからダウンロードできます。
このページに使い方からダウンロードまで書かれていますね。
説明を読みながら作業すればいいことですが、おおまかな手順をまとめてみました。
【１】スクリプトのダウンロード
Slimbox 1.71a for MooTools 1.2をダウンロードします。
解凍すると、いくつかフォルダが作られます。
このうち「css」「js」のフォルダを、まるごとWebサーバへアップロードします。
【２】HTMLの編集
Slimboxを使いたいHTMLのソースを開き、<HEAD>～</HEAD>タグ内に以下のコードを加えます。
アップロードしたWebサーバのディレクトリに応じて、srcの中身は書き換えてください。
【３】画像リンクの編集
画像にリンクしているアンカータグの属性に「rel="lightbox"」を追加します。
文章を加えたい場合は、「title="三峰口駅と秩父鉄道車両公園" 」を追加します。
Slimboxにはスライドショー機能もあります。
同じページに複数の写真があるとき、rel属性を「rel="lightbox-20110325"」のように
「lightbox-任意の文字列」にすると任意の文字列単位でスライドショーができます。
スライドショーを使うために3枚の写真を置いてみました。
[テスト写真１] [テスト写真２] [テスト写真３]
たった３ステップで導入できるので、とても簡単ですね。
CGIやPHPが動作できないWebサーバでも普通に使えます。
また、JavaScriptをオフにしている環境なら
普通の画像リンクとして使えますので、互換性も大丈夫ですね。
最近は、別ウインドウで画像を表示させることにストレスを
感じるようになってきていたので、この機能は助かります。
ちょっと大きめの画像を貼りたいときには便利だと思いますよ。
| パソコン関係::Web関連 | 00:22 | コメント(0) |
2005,09,02, Friday
今日は新サーバー用のメールアドレスを作成する作業をしました。
「webmaster@ドメイン」のアドレスでは、どうしても迷惑メールが来てしまうと
予想されるため、あまり届かないようなアカウント名で作成してみました。
しかし、独自ドメインでは「postmaster@ドメイン」というメールアドレスが
初期に存在し、削除することが出来ません。今はドメイン名が一般に
知られていないため迷惑メールは全く来ていませんが、今後送られる可能性があります。
もともとpostmasterはサーバー運営などで緊急的な連絡のために
必ず用意するような約束があるらしいです。しかし、私は業者の
サーバーを利用しているためpostmasterのメールは不必要と判断しています。
ですが、postmasterに送られたメールを無視してはメールボックスが溜まり
普通のメールの送受信に影響が出るため、ひとつの対策案を考えました。
私が考えている事はpostmaster宛に送られたメールをフリーメールに転送する
事を考えています。簡略して説明すると
postmaster→フリーメール→フィルタでゴミ箱行き→削除
という感じで、お金をかけずにpostmaster宛の迷惑メールの
自動削除をすることにしました。フリーメールはインターネットを始めた５年前に
いくつか作っていたので、そのアカウントを流用することにしました。
そして、４年ぶりにフリーメールにログインしてみると…
迷惑メールが５２６通届いていました（＾＾；；
私もビックリです。新着迷惑メールのせいで使用容量が９５％。
こんなに大量の迷惑メールを見ると、もう笑うしかないですね。
律儀に（と言うか法律的にはこれが普通）「未承諾広告※」と書いてあるメールは
数着しかありません。おまけに、謎の添付ファイルまで詰められている
メールもあり、バラエティーに富んでいます。
久しぶりに、４年間の足跡を振り返ることが出来ました。
迷惑メール対策は万全にしないといけませんね。
「webmaster@ドメイン」のアドレスでは、どうしても迷惑メールが来てしまうと
予想されるため、あまり届かないようなアカウント名で作成してみました。
しかし、独自ドメインでは「postmaster@ドメイン」というメールアドレスが
初期に存在し、削除することが出来ません。今はドメイン名が一般に
知られていないため迷惑メールは全く来ていませんが、今後送られる可能性があります。
もともとpostmasterはサーバー運営などで緊急的な連絡のために
必ず用意するような約束があるらしいです。しかし、私は業者の
サーバーを利用しているためpostmasterのメールは不必要と判断しています。
ですが、postmasterに送られたメールを無視してはメールボックスが溜まり
普通のメールの送受信に影響が出るため、ひとつの対策案を考えました。
私が考えている事はpostmaster宛に送られたメールをフリーメールに転送する
事を考えています。簡略して説明すると
postmaster→フリーメール→フィルタでゴミ箱行き→削除
という感じで、お金をかけずにpostmaster宛の迷惑メールの
自動削除をすることにしました。フリーメールはインターネットを始めた５年前に
いくつか作っていたので、そのアカウントを流用することにしました。
そして、４年ぶりにフリーメールにログインしてみると…
迷惑メールが５２６通届いていました（＾＾；；
私もビックリです。新着迷惑メールのせいで使用容量が９５％。
こんなに大量の迷惑メールを見ると、もう笑うしかないですね。
律儀に（と言うか法律的にはこれが普通）「未承諾広告※」と書いてあるメールは
数着しかありません。おまけに、謎の添付ファイルまで詰められている
メールもあり、バラエティーに富んでいます。
久しぶりに、４年間の足跡を振り返ることが出来ました。
迷惑メール対策は万全にしないといけませんね。
| パソコン関係::Web関連 | 17:52 | コメント(x) |
