
NPO団体のWebサイト担当を仰せつかって勉強中の者です。
ligtboxをすでに使っていますが、今回、サムネイル画像なしで画像をポップアップさせ、多数の画像(50枚ほど)を遷移して閲覧できるようにしたいのです。どうすれば実現できるでしょうか?
(ひとつだけ表示させた代表画像からスタートするか、あるいは「こちらから」などの文言でポップアップが始まるようにするのが望みです。通常ならすべてのサムネイルを表示させることになりますが、50枚のサムネイルを表示させようとすると、画面がサムネイルで埋まってしまいます(笑)
スライドショーアプリを使う方法もあるでしょうが、一定間隔でなく閲覧者の好みのペースで見られることからlightboxの方がよいのかな?と考えています。(他に良い方法があれば必ずしもlightboxに固執している訳ではませんが・・・)。
詳しい方、ぜひご教示ください。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
スライドショーでも枠内にサムネイルを並べる物があります。
完全手動や時間設定も出来る物があります。
わたくしはHighslideが好きですがサムネをクリックしなきゃです。
ま、それこそが能動的だとも考えますが。。。
かわごえさん Highslideも拝見しました。確かに面白いですね。
ただサムネイルを並べたくないというのが今回の希望なので、少し違うかなとなりました。それで、補足にも書きましたが、自己解決しました。簡単な方法でできるようになりました。ご協力ありがとうございました。
No.1
- 回答日時:
十分事足りると思います。
あとは見た目の好みくらいではないでしょうか
50枚のサムネイルをページ内に散らかしたくないのであればスライドショーかと思います。
かわごえさん ありがとうございます。
スライドショーも目的によって使ったことがあります。しかし、受動的に見せられるだけの感があります。
今回作るページは、閲覧者の好みでじっくり見たり、チラ見で次の画像に写ったり、止めてしまったり、画像によっては拡大したりの出来るようにしたいのです。キャプションも入れたいです。それにはlightboxをサムネイルなしで実現できる方法があれば、と思った次第です。
質問の仕方が悪くてすみません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
イメージプレビューの多数画像...
-
色相のヒストグラムを表示する方法
-
リンクバナー画像が出ない
-
画像を開くツールで保存したま...
-
さくらサーバーに置いているホ...
-
Easy-PhotoPrintで印刷したいの...
-
Irfan Viewで表示する画像の順...
-
ビルダーでプレビューすると、...
-
GIMP2.2のプレビュー画面について
-
既存画像(gif または png)の背...
-
自作アイコンの背景が透明にな...
-
Googleフォトで画像が半分グレ...
-
スキャナーで取り込んだ画像を1...
-
JW CAD の 挿入した画像への...
-
一太郎で透かしを入れる
-
Dreamweaverの画面で背景が表示...
-
Adobe Photoshop Album Mini 3....
-
バイナリデータからPNG形式の画...
-
パソコンからPSPに画像を送る方法☆
-
Photoshopで、削除できますか?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
イメージプレビューの多数画像...
-
Irfan Viewで表示する画像の順...
-
Irfanviewの枚数認識について
-
お勧めのSVGのビューアーを教え...
-
エクスプローラー サムネイル表...
-
ホームページに写真が表示されない
-
HPビルダー 画像が表示されない
-
TeraPadで画像を入れても反応し...
-
Dreamweaverで画像が表示できな...
-
テンプレートの画像が表示でき...
-
WEB拍手専用の画像を表示したい
-
画像タグについて
-
店頭デモに使えそうな「画像ラ...
-
画像管理ソフトについて
-
画像がどうしても表示されません
-
画像のイメージツールバー表示...
-
ビルダーでプレビューすると、...
-
地図がかすれたようになります。
-
デジタル画像のスライドショー...
-
ビルダーにて更新中、プレビュ...
おすすめ情報
すみません。自己解決しました。
現状のHPで既に lightboxを使っているので、それをそのまま使用してサムネイルなしでポップアップ画像を次々と自分のペースで閲覧できる方法です。サムネイルを記述しないのがミソです。
【HTMLの例】
<a href="images/ポップアップ画像1" rel="lightbox[グループ]" >スタート</a>
<a href="images/ポップアップ画像2" rel="lightbox[グループ]" ></a>
<a href="images/ポップアップ画像3" rel="lightbox[グループ]" ></a>
<a href="images/ポップアップ画像4" rel="lightbox[グループ]" ></a>
この例では「スタート」の文言でポップアップが始まりますが、文字でなく最初の1枚だけサムネイルを使うのも面白いです。
この自己解決の方法は下記を参考にしました。(検索しまくってたどり着きました)
https://detail.chiebukuro.yahoo.co.jp/qa/questio …