- ベストアンサー
画像をサイトに載せる時に。
今素材サイトの様なものを作っております。 そこで質問なのですが、画像をクリックすると BGに表示される様にスクリプトを書いてあるのですが、 今度、横に長い壁紙もこれと同じようにすると どうしても画像が大きくてそのままは使えません。 そこで縮小表示させてそこをクリックすると BGに表示されて尚且つ、その縮小画像をPCなどに 保存すると元のサイズに戻る様にするには どうすれば良いのでしょうか?教えてください。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
1番単純な方法ですが・・・ サムネイル（縮小画像）は作らず，そのまま使用します。 例えば，800×40の画像をそのまま。 ただし， <IMG src="画像ファイルのURL" width="200" height="10" border="0"> のように，表示の際に縮小します。 これなら，変更するところはブラウザに表示するときのサイズだけですので，簡単だと思いますよ。 難点は，すべての画像を表示するまでに時間がかかることです。 ・・・これじゃぁ，ダメかな？
その他の回答 (2)
画像ファイルを、本来のサイズのものと縮小したものの二つを用意していて、そのうちの縮小したものを表示させているという状態なのでしょうか? それでしたら、サムネイル表示している画像を本来のサイズの画像ファイルへのリンクにして、リンクから「対象をファイルに保存」でダウンロードしてもらうようにするのではいかがでしょうか。 JavaScriptについてはhref="javascript:"で呼び出す形にしているのであれば、それを改めて <a href="通常サイズの画像ファイルへのリンク" onClick="背景を切り替える関数; return false;"><img src="***.gif"></a> のように、処理内容をonClickに記述し、そのonClick内に「;return false;」もあわせて記述しておけば良いと思います。 こうすると、クリックされた時は背景を代える処理をし(リンク先には移動しません)、コンテクストメニューから「対象をファイルに保存」を選んだ時にはhrefで指定しているファイルをダウンロードしてくれると思います。 あと、先の補足を見たのですが、そちらの方では、HTMLのimg要素で本来の画像のサイズよりも小さい表示領域を指定し、縮小して表示するようにしてあるだけで、画像ファイル自体を小さく作り直して用意しているわけではないようです。 この方法を真似するのであれば、縮小した画像は別に用意する必要はなく、本来の大きさの画像ファイルに対して元ファイルよりも小さな幅や高さで表示されるように、imgタグのwidthやheightを設定すればよいでしょう。 ブラウザでは、元の画像ファイルのサイズにかかわらず、img要素で指定された縦・横幅で表示するように、自動的に画像の縮小・伸張を行って表示するはずです。 参考になれば。
お礼
有り難う御座います。 表示だけを変える方法で行こうと思います。 では有り難う御座いました。
大小２つの画像を用意して入れ替える。 保存するのは大の画像とする。 http://www.openspc2.org/reibun/javascript/mouse/010/index.html http://www.openspc2.org/reibun/javascript/image/022/index.html
補足
何か質問が下手なものですいません。 微妙に僕の意図するモノとは違いますね。 ぼくがやりたいのは↓の素材屋さんの壁紙コーナーの 様にしたいのです。すでに壁紙に対応させるのは出来ております。 出来ないのは縮小画像を元の大きさで保存させる事だけです。 http://flap.vis.ne.jp/pxb/mat/index.htm
お礼
有り難う御座います☆ 時間は掛かってしまいますがあまり載せない つもりなので大丈夫かと思います。 回答ありがとうございました。