トップページ > 記事閲覧
【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/09(Tue) 11:48
投稿者 のほほん
参照先
明けましておめでとう御座います♪
本年度も皆様よろしくお願い申し上げます。


さて早速、件名の件なのですが…

以前のQHM等では1つの画像をクリック後にグループ名でスライドショーチックな物を作成出来たのですが…

HAIKになり&ref2が正しく機能しない模様?ですので…

何とか上記をcolorboxを用いて行えないものか?と思っているのですが…
つまづいてしまいまして…( ;^^)ヘ..


以前は下記の様な感じで画像をクリック後にスライドショーみたいなのが出来たのですが…

&lightbox2(hoge.png,画像説明,[group1]){&ref2(hoge0.png,nolink,画像説明);};&lightbox2(hoge1.png,画像1,[group1]){ };&lightbox2(hoge2.png,画像2,[group1]){ };&lightbox2(hoge3.png,画像3,[group1]){ };…続く



この様な方法をcolorboxを用いて行なう場合にはどの様に記述すれば良いのでしょうか?
何方か知識をお持ちのお方がおりましたらご教授頂ければ幸いです…m(_ _)m


う〜
やっぱりちゃんとしたマニュアルがいい加減欲しい今日この頃…( ;∀;)
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/15(Mon) 17:50
投稿者 のほほん
参照先
(つづき

元の表示させたい画像を1枚だけ表示し
2段目に【その他の写真は此方から】というlabelを設定して
全ての画像を手動のスライドで見れる様に対応しました。

上記はHAIKで作り直したサイトでいくつかのページ

テーブル内での使用もする為

出来るだけ表示にズレが生じたりせず、綺麗な形にしたかった為
長々と申し訳御座いませんでしたが

度々ご質問させて頂き、皆様の知恵をお借りした次第で御座います。

いつもご丁寧なご対応及び、ご回答誠にありがとう御座います!m(_ _)m



↑テーブル内で使用する場合は| |←内に一列で記述して使用して下さい。

cols等を用いたりして、半角スペースが邪魔にならない場所に
設置するというのも手かもしれません

レイアウトや文字の表示等がズレない為
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/15(Mon) 17:48
投稿者 のほほん
参照先
皆様、色々と知恵をお貸し下さりまして誠に有難う御座いました!

現状だとHAIKだと機能しなくなってしまったプラグイン等もある為
また表示が古々しくなるのは望ましくないと判断したので

stage2様とミルフィーユ様がお教え下さった方法で下記の様な形で
対応しました!m(_ _)m


&show(gazou1.png,round,colorbox=groupA,30%,スライド01);&br;
&show(gazou2.png,colorbox=groupA,label=その他の写真は此方から,スライド02);
&show(gazou3.png,colorbox=groupA,label= ,スライド03);
&show(gazou4.png,colorbox=groupA,label= ,スライド04);
&show(gazou5.png,colorbox=groupA,label= ,スライド05);
…60位まで続く

(つづく
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/15(Mon) 17:27
投稿者 のほほん
参照先
>うみほし様
見ている場所が違うのではないでしょうか?(^_^;)

またまた再三になってしまいますが…
自動でのスライドショーはこの質問では望んでおりませんし
しておりません…(^_^;)

話は再三になってしまうとあれなので…
やや割愛しますがURLに載せたNailGalleryという画像クリック後に
表示されるふるまいと同じようにしたいという
趣旨の悩み&質問でした…(^_^;)

現状だとstage2様とミルフィーユ様がお教え頂いた方法で
擬似的に?一番近くなるような形にして運用するしか無いのかな?と思いつつあります…(^_^;)


今の所はそれで対応してます
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/15(Mon) 17:22
投稿者 のほほん
参照先
>ミルフィーユ様
はい、仰りたい事は理解出来ております。

その方法が正にstage2様がお教え下さった方法になりますね

仕方ないので現状だとその方法しかないのかな?と思っているので
それで対応していると先に回答させて頂いた通りになります…(^_^;)


本当に私がやりたい事とは違う為に違うとの返答をさせて頂いた次第です。

現状だと打開策が無いため、1つだけ画像を表示30%程で表示し
labelで半角スペースを入れて目立たないように解らない様にして対応しました。

&showのcolorboxが便利なのでこの機能を使用して
以前の様に綺麗な形で実現できれば良かったのですが…

現状だと厳しそうですね…(^_^;)

わざわざご丁寧に有難う御座いました!m(_ _)m
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/15(Mon) 14:26
投稿者 うみほし
参照先
いきなりポップアップをクリックしてものほほんさんのサイトのようにはなりませんでしたよ。

>画面遷移は、キーボード上の矢印記号「←/→」で遷移します。

キーを押さなくても、自動で次々に画像が変化しないと、のほほんさんの希望通りにはなりませんね。

>手動のスライドショーが実現できています。
手動ではなく自動が必要です。
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/15(Mon) 14:11
投稿者 ミルフィーユ
参照先 http://qhm.fujigopc.com/
> 画像の表示は1つだけでクリック後に全ての画像が見れる形です。

当方のページの例でも、そのようになっていますが・・・・・
2番目のパネル内の「いきなりポップアップ」というテキストを
クリックすれば、同じ機能が実現できています。
テキストリンクの替りに画像を指定すれば、最初の画像をクリック
するだけで、手動のスライドショーが実現できています。
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/15(Mon) 10:08
投稿者 のほほん
参照先
>ミルフィーユ様
いいえ、違いますね(^_^;)

再三になってしまうのですが…

URL: http://www27.atpages.jp/nailscafe/index.php?NailGallery

↑こちらのページ下部のNailGalleryという画像をクリックすると表示されるような形にしたいのです。

画像の表示は1つだけでクリック後に全ての画像が見れる形です。

全ての画像が表示されていてグループの物が全て見れる…という形ではありません。


現状だとstage2様の案が最も近い形をHAIK上で表現できるのかな?という感じがしますので
今の所はstage2様の案で対応しております。
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/10(Wed) 21:26
投稿者 ミルフィーユ
参照先 https://haik.fujigopc.com/index.php?go=RrKm4t
のほほんさんの希望するスライドショー?とは、
以下のようなページのイメージでしょうか?
https://haik.fujigopc.com/index.php?go=RrKm4t
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/10(Wed) 17:02
投稿者 のほほん
参照先
>stage2様

ご丁寧にありがとう御座います!

なる程!
ラベルで指定するという方法がありましたか…

それは盲点でした

現状だと悲しいかな?それ位しか解決策が無いのかもしれませんね…(^_^;)


何とか上手く出来たら最高だったのですが…
現状だと厳しいようですね…><;


ご教授頂いた方法で何とか出来ないか?
チャレンジしてみたいと思います!

ありがとう御座いました!m(_ _)m
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/10(Wed) 16:56
投稿者 のほほん
参照先
>tomzo様 >うみほし様
残念ながらそういう事ではありません(^_^;)

手動でスライドで見れる形はその通りですが
画像が全て見えているのが嫌なのです…(^_^;)

なもんで… ↓此方の私が過去に作ったサイトの様な形で作りたかったという事です。

http://www27.atpages.jp/nailscafe/index.php?NailGallery

↑此方のサイトをご覧になって頂ければ解りますが
一切全ての画像を表示してませんよね?

1つクリックしたら全部手動でスライドしていって見れるようになっております。


そういう形をHAIK上で表現したかったという事です。


要は全部画像が30%程度で小さくしたとしても
見えている形が量が増えると気持ち悪い&嫌なので表示したくないという事です。

↑上記の過去にQHMで作成したサイトは1つの画像をクリックしてご覧頂けるのを確認出来るかと思われます。

再三になりますがこの形をHAIKで表現したかった次第です。

同じ方法でHAIKでの実現が困難になってしまった為
解決策がないか?と悩んでいた…という訳です(^_^;)
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/10(Wed) 14:38
投稿者 stage2
参照先
ラベル変更機能を使えばなんとかできました。

CENTER:
&show(1.jpg,colorbox=group1,label=本文部分に置く画像ファイル名,画像の説明);
&br;
&show(2.jpg,colorbox=group1,label= ,画像の説明);&show(3.jpg,colorbox=group1,label= ,画像の説明);&show(4.jpg,colorbox=group1,label= ,画像の説明);...

解説します。
label= の後にはファイル名や文字列が指定でき、本文部分での表示とポップアップでの表示を切り替えることができます。
2枚目以降はlabelに半角スペースを指定し、限りなく目立たなくすることで実現しています。改行を入れると余計な空行が発生するので続けて書きます。
3行目の &br; はセンタリングするなら必要です。小さいとは言え、半角スペースにも幅があるため、画像の数が増えるとずれていってしまいます。
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/10(Wed) 13:11
投稿者 うみほし
参照先
自動でスライドさせたいということではないかな。
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/10(Wed) 12:58
投稿者 tomzo (管理者)
参照先
のほほんさん

さっきの例は、以下のサイトのコードです。
こんな感じではないのですか?

https://primp.org/haik/index.php?%E4%B8%83%E4%BA%94%E4%B8%89
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/10(Wed) 11:45
投稿者 のほほん
参照先
つづき

因みに↓のページのおまじないは下記の様な形で作成しております。

面倒なのでそのままコピペしちゃいますね(^_^;)

&lightbox2(img/nail/001.jpg,ネイル画像1,[group1]){&ref2(img/nail_logo.png,nolink,クリックして下さい♪);};&lightbox2(img/nail/002.jpg,ネイル画像2,[group1]){ };&lightbox2(img/nail/003.jpg,ネイル画像3,[group1]){ };&lightbox2(img/nail/004.jpg,ネイル画像4,[group1]){ };&lightbox2(img/nail/005.jpg,ネイル画像5,[group1]){ };&lightbox2(img/nail/006.jpg,ネイル画像6,[group1]){ };…49まで続く

↑って形で表示してあるんですが…

これをHAIKの&showのcolorboxで綺麗に表示出来たら
有り難いのになぁ…って悩みでした…(^_^;)

HAIKもまだまだ細かい事?や、もうちょっとこういうのをやりたいんだけどなぁ…って物が実現出来そうで出来ない点がもどかしいですね…( ;^^)ヘ..

個人的にWordpressのショッピングカートシステムの様な物が
HAIKでも使えたら良いのになぁ…っといつも思ってしまいます
(話がやや横道にそれてしまいましたが…(^_^;)


私の言葉足らず&始めからサイトを見せて説明すれば良かったものを…
度々申し訳ございませんでした…m(;_ _)m
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/10(Wed) 11:38
投稿者 のほほん
参照先
tomzo様

わざわざありがとう御座います

どうしても言葉だけだと伝わり辛くて申し訳ないです…m(_ _)m
最初から例を載せた方が早かったですね…(^_^;)

ちょっとかなり古くQHM時代で放置してるHPで申し訳ないのですが…

↓こちらのページの下部のNail Galleryをクリックすると
手動のスライドショーの様な形になっておりまして…

&lightbox2と&ref2を使用してこの様な形になっているのですが…


URL: http://www27.atpages.jp/nailscafe/index.php?NailGallery

↑上記の様な形を&showのcolorboxで出来ないのか?という
悩みだったのです…(^_^;)


【文字数の関係で続く…m(_ _)m】
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/10(Wed) 10:23
投稿者 tomzo (管理者)
参照先
のほほんさん

以下のように記述すれば可能です。
これは段組みで6段にし、最初の画像をクリックして
colorboxで表示させる例です。
後は画像または矢印をクリックすると次々と表示できます。

#cols{{
&show(70001.jpg,colorbox=group,50%,);
====
&show(70002.jpg,colorbox=group,50%,);
====
&show(70003.jpg,colorbox=group,50%,);
====
&show(70004.jpg,colorbox=group,50%,);
====
&show(70005.jpg,colorbox=group,50%,);
====
&show(70006.jpg,colorbox=group,50%,);
}}
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/09(Tue) 23:09
投稿者 のほほん
参照先
うみほし様

その方法は一応知っているのですが…

やりたい事と致しましては
1つの画像のみ表示してクリック後に数十枚の画像をスライドショーの様に表示する方法が知りたいのです。

以前は例えばAって画像を表示させておいて
クリックするとA001、A002、A003っと←→矢印のボタンを押して
グループ化した画像が全て見れたんですが…

HAIKになり以前の方法が上手く機能しない様なので…

HAIKの&showのオプション指定のcolorboxで出来ないのか?
…という質問をさせて頂いた次第です。
記事編集 編集
Re: 【質問】1つの画像をクリック後にcolorboxで画像を連続で見たい場合は?
投稿日 : 2018/01/09(Tue) 21:34
投稿者 うみほし
参照先 https://umihoshi.com
http://manual.haik-cms.jp/index.php?show
に&showを用いた画像グループの書き方が載っていますが,この方法ではだめですか?
記事編集 編集
件名 スレッドをトップへソート
名前
メールアドレス
URL
画像添付


暗証キー
画像認証 (右画像の数字を入力) 投稿キー
コメント

- WEB PATIO -