• 締切済み

クリックかマウスオンで写真の表示を変更する方法

大変素人ですがホームページ作成にあたって質問したいことがあります。 ・クリックorマウスオンすると細部までよくみえる拡大写真が表示される ・クリックorマウスオンすると、撮影場所やURLやタグなどの追加情報が表示される のどちらか、もしくは両方を可能とする方法を知っている方、またはフリーソフトウェアを知っている方、ぜひ回答をお願いします。

みんなの回答

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.2

参考までに。 「Highslide.jsライブラリ」なんかはどうでしょうか。 「Lightbox」よりも簡潔で私的にはこっちほうが気に入ってます。 サンプル↓ http://www16.plala.or.jp/zaq_501/highslide/highslide.html 設置は簡単。 もし興味があったら「Highslide.jsライブラリ」で検索してください。

route5866
質問者

お礼

非常に理想的なものでした。 大変良い情報をありがとうございます。 一方で海外サイトだった為、googleで翻訳しながらフリーソフトをダウンロードしましたが、よく分からずまだ試行錯誤中です。 がんばってものにします! ありがとうございました。

noname#100277
noname#100277
回答No.1

HTMLタグで可能でしょう。 <a href="画像URL"><img src="サムネイル(縮小)画像のURLかオリジナルの画像URL" alt="代替テキスト" title="此処に説明" width="オリジナルの場合の横幅" height="オリジナルの場合の高さ"></a> コレでは違いますか?

route5866
質問者

お礼

ありがとうございます。 そうですね。こういった基礎的なことを忘れてソフトに頼ってました。 ソースをもとにページを作ってみたとこを非常によくできました。 ありがとうございます。

関連するQ&A

  • サムネイル画像をクリックすると拡大画像を表示させる方法

    今はまずサーバに同一画像の小さい写真(サムネイル用)と大きい写真の両方をアップロードして、 小さい画像を表示させて、そこにリンクをつけて大きい画像のURLへとばすようにタグを書いているのですが、これでは同じ写真を2枚アップロードしなくてはいけず、面倒です。 1枚の写真だけをアップロードしてサムネイル画像を表示させて、クリックしたら拡大写真がでるようにするためにはどのようなタグを使えばいいのでしょうか?

    • ベストアンサー
    • HTML
  • 小さい写真一覧からクリックして、大きな写真に表示させる方法?

    よろしくお願いします。 当方、ホームページをもっておりますが、GoLive6というソフトを独学勉強して、ど素人から何とかホームページを立ち上げることが出来ました。ホームページは子供サークルのもので、イベント等はカメラ撮影して、ホームページにUPしております。が、写真が多いのでなんとか見れる位の写真を並べて表示しております。最近、サークル保護者の要望でその写真をクリックすると大きな写真画像になるように表示してほしいという要望がありました。早速、調べましたがよく分かりません。 サムネイルというものからリンクさせるということまでは、分かるのですが、実際、どのような手順で行えばよろしいのでしょうか? ちなみに、当方理解で出来ているレベルは、HTML言語の扱いは、無理ですが、HTML言語の羅列を確認し、極々簡単な変更は出来る程度です。(初歩のHTML言語を参考にしております程度です) よろしく、ご指導のほどお願いいたします。なお、ソフトはGoLive6ですがソフトの種類に関係なく、また、理解できるか出来ないかは別として一般的な回答で結構です。

  • ホームページビルダ-Ver11を利用して画像をクリックするとその画像だけが拡大表示される方法

    いつもお世話になっています。 ホームページビルダーVer11を使って作成しています。 画像(写真)をクリックするとその画像だけが浮き上がったように拡大表示される方法を教えてほしいのです。 リンクをつけると、別のサイトを開いた感じになるので それではなくて、画像のみが拡大表示されて出てくるやり方です。 タグなどの知識がないため、このバージョンでその機能があれば、どこにあるのか、また、タグを入れなくてはいけないのであれば、どのようにすればいいのかお願いします。 ヘルプ機能を見ても探すことができずに困っています。 困った初心者ものですがよろしくお願い致します

  • クリックでテーブル内の表示だけ変えたい

    文章では説明が伝わりにくいことなんですが、一つのテーブル内で複数のメニューからクリック一つで表示が自由に変えられるタグを作成したいと考えています。 ところがいざ作ろうにもそれを教えてくれるサイトが見つからず困っています。おそらくJavaScriptを用いて作るんだとは思うんですが… 例えば下記のURLの右にあるアバウト・お知らせ・他ブログのようにクリック一つでテーブル内の表示が即座に変わるようなタグが作りたいのです。 参考:http://whithdrawxwhithdraw.blog49.fc2.com/ これに関して知識のある方がいましたらお手数ですが、タグの記述を教えていただけるとありがたいです。よろしくお願いします!

  • 画像をダブルクリックでスムーズに拡大する方法

    いつもお世話になります。 画像をダブルクリックした際、スムーズに拡大したいと考えています。 また、拡大後再度ダブルクリックでこんどは縮小をしたいと考えています。 DOM(?)でimgタグのwidthとheightにアクセスしようと考えています。 ・拡大 ・縮小 ・スムーズ Q.この一連の動作を実装するにはどういった関数を使用すればいいでしょうか? 当方素人なもので的外れなところがあるかもしれませんが、よろしくお願いいたします。

  • ホームページにおける写真の表示方法

    現在Dreamweaverにてホームページを作成しております。 初級者ですが、参考書片手に奮闘しております。 表記の件ですが、 Yahooの画像検索をした際、写真のサムネイルが出てきて、それをクリックすると画面いっぱいの背景が黒くなり、拡大写真が中央に表示されますが、こういった表示方法は、どういったプログラムを使用しているのでしょうか? yahooと同じではなくても、 1.HTML上のサムネイルをクリック 2.背景が黒く(透明)なり中央に画像を表示する。 というような表示の仕方であれば構いません。 お詳しい方よろしくお願い致します。

    • 締切済み
    • CSS
  • クリックしたら記事が表示・非表示

    趣味でホームページを作っています。発言小町で使われているタイトルをクリックすると記事が表示(非表示)される仕組みはどうやって実現してるのでしょうか? たとえば↓このページのようにレスのタイトルをクリックすると本文が表示される仕組みです。 http://komachi.yomiuri.co.jp/t/2008/1008/207312.htm?g=04 Javascriptかなと思ってるんですが素人なもので(涙) 解説しているサイトの紹介でも構いません。お分かりの方、どうぞよろしくお願いします。

    • ベストアンサー
    • HTML
  • フォルダを写真表示させてクリックすると違う写真が拡大?

    WindowsXP-proです。 フォルダオプションで「フォルダに共通の作業を表示する」にしておくと、フォルダの表示形式で「アイコン」「一覧」「詳細」「縮小版」「並べて表示」などのほかに、「写真」というのが選べますよね。 下の方にサムネイルが表示され、クリックした物が上の方に拡大表示されるやつです。 ところが、クリックしても全然違う画像(同じフォルダにある物)が表示されるんです。XPのバグでしょうか。回避方法などあれば教えて下さい。

  • 簡単ホームぺージについて

    パソコンのことがほとんど分からない私がHPを作成することになりました。本格的なものではなく、gooの簡単ホームページで、入力すればできあがると言った、初歩的なものをやります。その中で「リンク」があるのですが、自分でアドレスが分かる物を入れていたのですが、今回「バナー表示用のタグ」を教わり、リンクに追加しようと思ったのですが、リンクのURL、バナーのURLどちらにも(両方いっぺんにという意味ではなく)試しにコピーして貼り付けてみたのですが、(間違うといやなので)バナーは表示されず、クリックしても指定されたホームページは存在しないと表示されました。その方にいろいろ聞いてみたのですが、専門用語が多くてわからず、またgooの簡単ホームページを使っている人ではないので、わからないようです。事典を見ながら言葉はなんとなくわかるつもりですが、じゃあこれはなんだと言われてもぴんとこないので、できれば事細かく教えて下さると助かります。

  • URLをクリックしても、表示されません。

    こんばんは。 OSはWin7で、IE9なのですが、 メールやホームページに添付されているURLをクリックすると、 ウィンドゥは開くのですが、何も表示されなくなってしまいました。 きっと、何かの設定でこうなっているのだとは思うのですが、 元に戻す方法がわからず、とても困っています。 パソコン初心者ではありませんが、 細かく教えていただけると助かります! どなたか、教えてください!!よろしくお願いします!!

専門家に質問してみよう