次へ

極意（46）いきなりポップアップ

haikになって一段と使いやすくなった機能の一つが段組併用のフォトギャラリーです。
一般的にフォトギャラリーと言うと、サムネイル画像を並べて何処かのサムネイルをクリックしてフォトギャラリー機能がスタートします。

筆者は前々から疑問に思っていたことですが、「サムネイル画像を並べる必要は何処にあるのだろうか？」と言う疑問です。あるテキストなりボタンなりをクリックして、いきなりポップアップが表示される機能もあって良いのではないかと思っておりました。

題して「いきなりポップアップ」です。その作成方法を公開します。


最初は定番の段組併用のフォトギャラリー

haik環境下での段組を併用したフォトギャラリーの定番です。
下記のサムネイル画像をクリックしてみて下さい。
画面遷移は、キーボード上の矢印記号「←/→」で遷移します。

画像の説明

画像の説明

画像の説明

画像の説明


画像の説明

画像の説明

画像の説明

画像の説明


画像の説明

画像の説明

画像の説明

画像の説明

詳細はコチラです。


筆者がお薦めする「いきなりポップアップ」

下記のテキスト「いきなりポップアップ」をクリックしてみて下さい。
コチラの画面遷移も、キーボード上の矢印記号「←/→」で遷移します。


いきなりポップアップ


[check]上記のおまじないです。

&show(PublicPhote01.jpg,colorbox=g2,label=いきなりポップアップ,,画像の説明);
&show(PublicPhote03.jpg,colorbox=g2,label= ,,画像の説明);
&show(PublicPhote04.jpg,colorbox=g2,label= ,,画像の説明);
&show(PublicPhote05.jpg,colorbox=g2,label= ,,画像の説明);
&show(PublicPhote06.jpg,colorbox=g2,label= ,,画像の説明);
&show(PublicPhote07.jpg,colorbox=g2,label= ,,画像の説明);
&show(PublicPhote08.jpg,colorbox=g2,label= ,,画像の説明);
&show(PublicPhote09.jpg,colorbox=g2,label= ,,画像の説明);
&show(PublicPhote10.jpg,colorbox=g2,label= ,,画像の説明);
&show(PublicPhote11.jpg,colorbox=g2,label= ,,画像の説明);
&show(PublicPhote12.jpg,colorbox=g2,label= ,,画像の説明);
&show(PublicPhote14.jpg,colorbox=g2,label= ,,画像の説明);
[check]解説します。
  1. 段組を使う必要がありませんので画面編集が簡単です。
  2. テキスト指定は最初の＆showのlabel=で設定するのがミソです。
  3. label= でテキスト文字の替わりにボタン画像の指定が可能です。
  4. 二番目以降の＆showでのlabel=では半角スペースを指定します。
  5. ＆showのおまじないを縦に並べて設定するとその行数分スペースが取られる。
  6. ＆showのおまじないを横に並べることで前記の余分なスペース行が無くなる。


戻る


上記の関連記事はお役に立ちましたか？

  • 下記に投票して戴けると嬉しく思います。
    選択肢 投票
    役に立った 3  
    役に立たなかった 0  


ご意見箱