• Home
• How to use
• Contact

lightbox2見本一覧

HOME > プラグイン > lightbox2プラグイン > lightbox2見本一覧

lightbox2プラグイン見本一覧

画像をポップアップで表示する事ができる、lightbox2プラグインの見本一覧です。

プラグインの設定方法については、lightbox2プラグインをご覧ください。

当サイトご利用の際は、ご利用方法をまずご覧ください。

基本のタグ

&lightbox2(img/画像ファイル名,title,group){label};

• title : ポップアップ画像のタイトル
  ポップアップページに表示されるタイトルになります
  お好きなタイトルを入れてください。
• group : グループ名。省略可。
  同じグループ名で設定したものは、ポップアップページのボタンで移動できます。
  同ページ内であれば、同じグループ名の画像は全てポップアップされます。
  グループ名を省略すれば、一つのリンクに一枚ずつのポップアップになります。
• label : リンクさせたい画像や文字。
  画像にリンクさせる場合は、QHM内に画像をアップロードしてください。

テキストに一枚のポップアップ画像

三匹の猫

• ポップアップ画像のタイトル名：猫
• ポップアップ画像のファイル名：cats.jpg
• 三匹の猫　というテキストにポップアップリンクを張る

&lightbox2(img/cats.jpg,猫){三匹の猫};

テキストに装飾をつけることも出来ます。

三匹の猫

• ポップアップ画像のタイトル名：猫
• ポップアップ画像のファイル名：cats.jpg
• 三匹の猫　というテキストに黄色のマーカー装飾をして、ポップアップリンクを張る

&lightbox2(img/cats.jpg,猫){&color(black,yellow){''三匹の猫''};};

一枚の画像に一枚のポップアップ画像

• ポップアップ画像のタイトル名：犬
• ポップアップ画像のファイル名：dog.jpg
• QHMにアップロードした画像：dog_s.jpg

&lightbox2(img/dog.jpg,犬){&ref(dog_s.jpg,nolink,犬);};

QHM内の画像とポップアップの画像は、別ルートにアップロードしているので、違う画像をポップアップさせることもできます。

• ポップアップ画像のタイトル名：犬
• ポップアップ画像のファイル名：dog.jpg
• QHMにアップロードした画像：cats_s.jpg

&lightbox2(img/dog.jpg,犬){&ref(cats_s.jpg,nolink,猫);};

複数の画像に複数のポップアップ画像

• ポップアップ画像のタイトル 1：犬　2：猫
• ポップアップ画像のファイル名　1：dog.jpg　2：cats.jpg
• グループ名：amimal
• QHMにアップロードした画像　1：dog_s.jpg 2：cats_s.jpg

&lightbox2(img/dog.jpg,犬,animal){&ref(dog_s.jpg,nolink,犬);}; &lightbox2(img/cats.jpg,猫,animal){&ref(cats_s.jpg,nolink,猫);};

それぞれのタグの間に半角スペースを入れているので、画像の間に隙間が出来ます。
タグをつなげると、画像を密接させることが可能です。
タグを改行して入力すれば、上下に画像を表示させる事ができます。

一つのリンク画像やテキストに複数のポップアップ画像

• ポップアップ画像のタイトル　1：犬　2：猫　3：ライオン
• ポップアップ画像のファイル名　1：dog.jpg　2：cats.jpg 3：lion.jpg
• グループ名：amimal2
• QHMにアップロードした画像：click.gif

&lightbox2(img/dog.jpg,犬,animal2){&ref(click.gif,nolink,ここをクリック);}; &lightbox2(img/cats.jpg,猫,animal2){ }; &lightbox2(img/lion.jpg,ライオン,animal2){ };

二つ目以降のタグの{}内に、半角スペースを入れる事により、一つのリンクで複数の画像をポップアップさせる事が可能です。

Click Here

&lightbox2(img/dog.jpg,犬,animal2){Click Here}; &lightbox2(img/cats.jpg,猫,animal2){ }; &lightbox2(img/lion.jpg,ライオン,animal2){ };

もちろん、同様に一つのテキストで複数画像のポップアップも可能です。

タイトルの代わりに説明文を入れる

• ポップアップ画像の説明文：私の家族の三匹の猫です。いたずらっ子ですが、とてもかわいいです。
• ポップアップ画像のファイル名：cats.jpg
• QHMにアップロードした画像：cats_s.jpg

&lightbox2(img/cats.jpg,私の家族の三匹の猫です。<br>いたずらっ子ですが、とてもかわいいです。){&ref(cats_s.jpg,nolink,猫);};

タイトルの文字数制限はありませんので、説明文を入れることが出来ます。
改行したい場合は、改行部分に<br> を挿入してください。

powered by Quick Homepage Maker 4.53