• ベストアンサー

画像をサイトに載せる時に。

今素材サイトの様なものを作っております。 そこで質問なのですが、画像をクリックすると BGに表示される様にスクリプトを書いてあるのですが、 今度、横に長い壁紙もこれと同じようにすると どうしても画像が大きくてそのままは使えません。 そこで縮小表示させてそこをクリックすると BGに表示されて尚且つ、その縮小画像をPCなどに 保存すると元のサイズに戻る様にするには どうすれば良いのでしょうか?教えてください。

  • HTML
  • 回答数3
  • ありがとう数2

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

  • ベストアンサー
回答No.3

1番単純な方法ですが・・・ サムネイル(縮小画像)は作らず,そのまま使用します。 例えば,800×40の画像をそのまま。 ただし, <IMG src="画像ファイルのURL" width="200" height="10" border="0"> のように,表示の際に縮小します。 これなら,変更するところはブラウザに表示するときのサイズだけですので,簡単だと思いますよ。 難点は,すべての画像を表示するまでに時間がかかることです。 ・・・これじゃぁ,ダメかな?

takuma02
質問者

お礼

有り難う御座います☆ 時間は掛かってしまいますがあまり載せない つもりなので大丈夫かと思います。 回答ありがとうございました。

その他の回答 (2)

noname#199778
noname#199778
回答No.2

画像ファイルを、本来のサイズのものと縮小したものの二つを用意していて、そのうちの縮小したものを表示させているという状態なのでしょうか? それでしたら、サムネイル表示している画像を本来のサイズの画像ファイルへのリンクにして、リンクから「対象をファイルに保存」でダウンロードしてもらうようにするのではいかがでしょうか。 JavaScriptについてはhref="javascript:"で呼び出す形にしているのであれば、それを改めて <a href="通常サイズの画像ファイルへのリンク" onClick="背景を切り替える関数; return false;"><img src="***.gif"></a> のように、処理内容をonClickに記述し、そのonClick内に「;return false;」もあわせて記述しておけば良いと思います。 こうすると、クリックされた時は背景を代える処理をし(リンク先には移動しません)、コンテクストメニューから「対象をファイルに保存」を選んだ時にはhrefで指定しているファイルをダウンロードしてくれると思います。 あと、先の補足を見たのですが、そちらの方では、HTMLのimg要素で本来の画像のサイズよりも小さい表示領域を指定し、縮小して表示するようにしてあるだけで、画像ファイル自体を小さく作り直して用意しているわけではないようです。 この方法を真似するのであれば、縮小した画像は別に用意する必要はなく、本来の大きさの画像ファイルに対して元ファイルよりも小さな幅や高さで表示されるように、imgタグのwidthやheightを設定すればよいでしょう。 ブラウザでは、元の画像ファイルのサイズにかかわらず、img要素で指定された縦・横幅で表示するように、自動的に画像の縮小・伸張を行って表示するはずです。 参考になれば。

takuma02
質問者

お礼

有り難う御座います。 表示だけを変える方法で行こうと思います。 では有り難う御座いました。

noname#10926
noname#10926
回答No.1

大小2つの画像を用意して入れ替える。 保存するのは大の画像とする。 http://www.openspc2.org/reibun/javascript/mouse/010/index.html http://www.openspc2.org/reibun/javascript/image/022/index.html

参考URL:
http://www.openspc2.org/reibun/javascript/mouse/010/index.html
takuma02
質問者

補足

何か質問が下手なものですいません。 微妙に僕の意図するモノとは違いますね。 ぼくがやりたいのは↓の素材屋さんの壁紙コーナーの 様にしたいのです。すでに壁紙に対応させるのは出来ております。 出来ないのは縮小画像を元の大きさで保存させる事だけです。 http://flap.vis.ne.jp/pxb/mat/index.htm

関連するQ&A

  • 画像縮小について

    よく素材屋さんなんかで見かけるのですが、画像縮小してクリックすると元のサイズに表示される…という方法を、知っている方いらっしゃいましたら教えていただけると助かります。

  • 一部画像が表示されません

    こんばんわ。 良い壁紙を見つけたので、縮小表示されているものをクリックしました。すると、元の大きさになって、そこから右クリックして壁紙に設定できるとは思うのですが、クリックすると、縮小された時には表示できていたものの、元の大きさになると画像が「×」マークで表示されませんでした。 原因がわからないのでどなたか教えて下さい。 回答お待ちしております。

  • 素材屋さんなどから壁紙をダウンロード・・・

    初めまして! さきほどから・・・3時間ほどこの問題で 悩んでます(っω;`。)スンスン タイトル通り、フリーの素材屋さんなのから 壁紙や素材を ほしい画像の上で右クリックして 名前をつけて画像を保存・・・で保存・・ いざ、使ってみようと思うと 素材のサイズが小さいのです!! 150×150などになってるのです これはもともとこのサイズなのでしょうか? 壁紙などに使うので、大きいサイズになっていると 私が勝手に勘違いしてるのでしょうか? もちろん、大きさを勝手に変えると画像が荒くなってしまいます・・・ そのサイトで表示されるときは大きなもの だったのですが、何故でしょうか? あとは、ImageReadyで開いてしまうのは 画像の上で右クリックでプログラムから開いて 選択ですよね? どこのサイトにいってもそうなので 困っています・・・ 前は大きなサイズのものを普通にダウンロードできたんですが・・・・(;ωq`),,,,,,クスン・゜・ ちなみに、WinXPです まとまりのない文になってしまいましたが 皆様のお知恵をぜひ貸して下さい!!! 宜しくお願い致します((。´・ω・)。´_ _))ペコ

  • 画像が保存出来ません…

    フリー素材屋さんで、良さそうな壁紙を見つけたので、 保存したいのですが、どうしても出来ません…。 使い方のページを見ると 「画像をクリックすると背景表示されますので、イメージを見ることができます。」 「保存方法:画像の上で「右クリック」→「名前を付けて保存」」 と書いてあるのですが、クリックをしても、背景表示されませんし、 右クリックをすると、「拡大」「再生」などのフラッシュの項目が出るだけです。 そのサイト様に、フラッシュが多用されているのが、原因かなぁ…と思っています。 しかし、他の方は利用報告掲示板にたくさん書き込まれていますので、 保存出来ないのは、私だけのようです…(^_^;) どうすれば、保存できるようになるでしょうか…? その素材屋さんの管理人様に直接聞けば早いのでしょうが、 メールを送れるのであろうページにリンクするアイコンも、 背景表示の時のように、クリックしても何の反応もないので…。 ご教授よろしくお願いします!!

  • Win 7 で画像を見る時

    Win 7 で画像を見る時、windows付属のヴューアがありますが、 最初から1:1(元もとの画像サイズ)で表示させる方法はありませんか? 普通は、画面に収まるように縮小されて表示されて、 「+」マークが画像にある時にクリックすると元々のサイズになります。 フリーソフトを使わずにwindowsに付属のソフトで出来ればと思います。

  • 画像を載せる時に

    ブログなどに写真を載せる時、写真をペイントで縮小してから載せたら もし誰かが自分のPCに写真を保存したとしても、そのサイズより大きく する事は不可能でしょうか? 拡大したら画像が粗くなりますよね? それとも縮小された画像を修正してキレイに拡大できたりしますか?

  • 縮小画像を事前ではなく画像表示時に作成しても良い?

    アップロード画像を縮小するタイミングについて教えてください。 画像アップロードする際に縮小も済ませておく実装をよく目にするのですが、事前縮小せずに、画像を表示する際に縮小してもよいのでしょうか? ■案1.画像アップロードする際に縮小 ・「元画像」+「縮小画像」を保存 ・縮小画像表示は、事前作成した「縮小画像」を指定 ■案2.画像アップロードするだけ ・「元画像」のみを保存 ・縮小画像表示は、「元画像」にその都度GDやImagickで大きさを指定 ■質問 ・ほとんど「案1」で実装すると思うのですが、「案2」だと何がマズいのでしょうか? ・事前作成せずにその都度処理するので、もしかすると画像表示とかが遅くなるのでしょうか? ・それぞれのメリット/デメリットを教えてください

    • ベストアンサー
    • PHP
  • 2chでダウンロードした画像が変です

    2chで、とある画像をフォルダに保存しました。(形式はjpg) そして、その画像をクリックして、「windows画像とFAXビューア」というので表示させます。 上手くいけば、保存したものをそのまま表示できるのですが、上手くいかなかったり、次へをクリックしてしまうと、保存した覚えのないグロ画像へ切り替わってしまいます。 フォルダ内の表示は「写真」というやつで、下側のクリックできるその画像の縮小版は常時元の画像なのですが、上側の縮小版(下側をクリックしたときのプレビュー?)は、時間が経つとグロ画像に変わってしまいます。(その、保存した画像のみ) また、普通は「写真」表示のフォルダに行ったとき、何も画像をクリックしていない場合は、上側のプレビューは表示されないか、1枚目の画像が表示されるはずですよね。 ですが、その画像を保存したフォルダに限り、プレビューは最初からその保存した画像になっています。(しばらくは元の画像。しばらく経つとグロ画像) その画像は、フォルダの真ん中くらいにあるので、普通は表示されないと思うのですが・・・。 グロ画像をあまり見たくないので、最近はそのフォルダそのものを全く開いてません。 できれば、その元々の画像は残したまま、グロ画像を消去したいのですが・・・。 何か、この症状についてお知りの方、特に対処方法をお知りの方、回答お願いします。 ちなみに、その画像は普通の画像よりもサイズ(容量)が多いです。 同じサイズの画像の2倍くらいありました。

  • 全ての画像が縮小サイズになりました!

    画像が全てが縮小サイズで表示されるようになり、スキャナーから保存しても同じサイズになります。元のサイズに戻す方法を教えてください。

  • ファイルやサイトの画像がおかしい

    パソコン初心者です。 Windows Vistaを使っています。 ファイルにある写真や友人の写真サイトの画像写真を見ようとしたら、 画像が縦や横に伸びたりしてサイズがおかしくなって見えます。 これはPCに原因があるのでしょうか? もしかしたら、Picture Projectのソフトを使って写真を縮小したとき、 何か操作を誤ったのでおかしくなったのかなって思ったりもしてますが 分かりません。 皆さん、よろしく回答お願いします。

専門家に質問してみよう