• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:趣味サイトギャラリーページのデザイン)

イラストサイトギャラリーページのデザイン | ヒントあり

このQ&Aのポイント
  • 基本的なhtmlと、cssの基礎くらいしかわからない素人でも、イラストサイトのギャラリーページのデザインを考えることは可能です。ここでは、見やすくスムーズな画像切り替えができるデザイン方法を紹介します。
  • 知り合いが勧めてくれたLightboxは、ふわっと表示される感じが好みではない場合もあります。そこで、昔ながらのフレームを使ったデザイン方法を検討してみましょう。左側にリンクを配置し、押すと右側に画像が表示される形式です。
  • フレームを使ったデザインは古くさい印象もあるかもしれませんが、シンプルで見やすく、コンテンツに集中できるメリットもあります。デザインは工夫次第でオリジナリティを出すことも可能です。

質問者が選んだベストアンサー

  • ベストアンサー
  • celtis
  • ベストアンサー率70% (2332/3291)
回答No.1

HTMLとCSSだけでも実現できるでしょうが、けっこう手間がかかると思います。 bxsliderやSlider ProなどのjQueryプラグインがお薦めです。 http://fukafuka295.jp/hp/hp_no3.html http://fukafuka295.jp/hp/slideshow_thumbnail.html http://gimmicklog.main.jp/jquery/340/ また、フレームは古い技術なのでHTML4でも非推奨扱い、HTML5では廃止になっています。 http://www.tagindex.com/html5/basic/abolished.html

pppapilon
質問者

お礼

ありがとうございます。 すごいですね。こういったものも素人でも作れるんですね。 jQuery、名前は聞いていましたが、難しそうなので敬遠していました。 やってみようと思います。 ただ、展示したい画像サイズがバラバラなため、教えて頂いたURLのようなデザインだとガタガタしてしまうかなと思うのですが、逆に、画像サイズを合わせてデザインを行うべきなのでしょうか。 またフレームの件もありがとうございます。今は使えないんですね。 こういう情報のことはあまり調べていなかったので、気をつけようと思います。

その他の回答 (1)

  • celtis
  • ベストアンサー率70% (2332/3291)
回答No.2

サイズが揃っていない画像でも表示領域に合わせて、適切に調整されるようなオプションがあります。 しかし思い通りの表示にならないかもしれませんので、ご自身で画像サイズを調整したほうがいいでしょうね。 http://on-ze.com/archives/2717

pppapilon
質問者

お礼

再度のご回答、大変ありがとうございます。 教えていただいたもの、とても便利ですね。 縦長のものと横長のものでそれぞれまとめるようなデザインも検討してみようと思います。 ただ、先日教えて頂いたURL先を元にして試しに画像のサイズを合わせて組んでみたところ、綺麗に出来そうだということがわかったので、画像の加工が面倒ですがまずはサイズを合わせてやってみようと思います。 度々、本当にありがとうございました。