• ベストアンサー

2件おねがいします。

こんばんは! またもや、質問いたします。お手数かけますが、宜しくお願いします。 1.HPの素材サイトでよく見かけますが、壁紙なんかのDLページでページの中央くらいに壁紙のサンプルが縮小して置いてありそれをクリックするとイメージとして、ページ全体に拡大されますが、どうしたらできるのでしょうか?Javaを使っているのですか?教えてください。 2.ダウンロードアイコンをクリックするとDLできるようになりますが、私のサイトにもDLアイコンをつけてDLしてもらえるようにしたいのですが、これも、どうしたらできるのでしょうか?スクリプト?を教えてください。 以上2件よろしくお願いいたします。

  • kaito7
  • お礼率82% (139/168)

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

  • ベストアンサー
  • yuhei-y
  • ベストアンサー率54% (28/51)
回答No.3

まず、1の場合ですが、 大きい画像「big.jpg」へのリンクを、 小さい画像「small.jpg」に付加してやればいいのです。 つまり、HTMLで記述すると、 <html> <body> <a href="big.jpg"><img src="small.jpg"></a> </body> </html> となります。 2についても同様に、 ダウンロードさせたいファイルへのリンクを作ってやればいいのです。 つまり、 <html> <body> <a href="***.zip">Download</a> </body> </html> となります。 しかしここで問題が生じます。 ダウンロードさせたいファイルが、JPEGやGIFといった画像の場合、 つまり、上記のHTMLでいうところの「***.zip」のところが 「***.jpg」や「***.gif」だった場合には、 クリックしただけではダウンロードされず、 ブラウザ上に画像が表示されるだけになってしまいます。 よって、画像をダウンロードさせたい場合には、 「Download」と表示されているリンクの上で右クリックをし、 開いたメニューから「対象をファイルに保存」を 選んでもらうしか方法がありません (Netscapeの場合は、「リンクを名前を付けて保存」を選択すること)。 不便ですが、残念ながらこういう方法しか解決策がありません。 この点に留意して作成して下さいね。

kaito7
質問者

お礼

わかりました。どうもありがとうございました。 また、よろしくお願いいたします。

その他の回答 (2)

  • the845s
  • ベストアンサー率34% (61/176)
回答No.2

1の場合と変わりはありません。 <a href="**.lzh"><img src="**.gif" width="50" height="50" alt="DL Icon" border="0"></a> など、 アイコンとする画像にDLファイルをリンクするだけです。

kaito7
質問者

お礼

どうも有難うございました。 また、宜しくお願いいたします。

回答No.1

どちらもJavaScriptとは関係なく実現できるはず。 1.方法は2種類あります。 方法A 目的の画像を縮小したファイルを用意する。 もとのサイズのファイルを1.jpg、縮小したファイルを2.jpgとします。 で、こんなソース(↓)を書きます。 <A href="1.jpg"><IMG src="2.jpg"></A> 方法B 用意するファイルはもとのサイズのファイルのみ。 で、こんなソース(↓)を書きます。 <A href="1.jpg"><IMG src="1.jpg" width="xx" height="yy"></A> (xx,yyはそれぞれ縮小後のサイズを書いてください。%でも指定できます。) 個人的にはAを勧めます。 理由は以下の通り。 縮小された画像が貼ってあるページを読むことを想像して下さい。Aの場合表示されるのは設置者側で縮小した画像(つまりファイルサイズが小さい)です。Bの場合は表示時に縮小するだけのため、実際には大きいサイズのファイルが転送されていることになります。 当然ファイルサイズが小さい方が、転送にかかる時間は短くなりますから、スムーズにページを見ることができます(サーバやトラフィックに掛ける負担も小さくなる)。ですからAを勧めます。 2.これに関しては過去同様の質問を見たことがあります。過去ログは検索してみましたか? 過去ログを見ても分からなければ再度質問してみて下さい。

kaito7
質問者

お礼

どうも有難うございました。 また、宜しくお願いいたします。

kaito7
質問者

補足

2の件ですが、過去ログで”ダウンロード”で検索しましたがかなりの件数がヒットしまして目的の質問が見つかりませんでした。2の件よろしくおねがいします。

関連するQ&A

  • ホームページ用のオシャレな地図の見せ方

    ホームページ用のオシャレな地図の見せ方が思いつかず困っております。 6店舗ほど複数の店舗をひとつのページにおさめないといけないのですが、どうしても縮小されて見えづらくなってしまいます。そこでクリックすると拡大する動きをさせて、なおかつ少しオシャレな動きをさせたいのですが、なかなかそのようなオシャレな地図のサイトも見つからず困っています。できればジャバスクリプトでそのような動きをさせたいのですが、どなたかご存知の方いらっしゃいましたらご教授いただけますでしょうか。よろしくお願いいたします。

  • ページ全体の拡大/縮小が行える、JavaScriptのサンプルを教えていただけますでしょうか?

    ページ全体の拡大/縮小をJavaScriptにて行いないたい(対象はIEのみ)のですが、検索をしてみると、「文字サイズの拡大/縮小」や「画像の拡大/縮小」はよく見つかるのですが、ページ全体の拡大/縮小のサンプルを掲載しているページはあまり見かけません。 検索("ページ ズーム javascript"等のキーワードで)で何件か見つかって、試してはみたのですが、それらのプログラムですと、私のほうのHTML+CSSで使用すると、何とも説明しがたいおかしな挙動をしてしまいます。HTML+CSSの見直しも色々行ってみたのですが、なかなか改善されません。 みなさんがご存知のJavaScriptのサンプル(ページ全体の拡大/縮小)が掲載されているURLを教えていただけますでしょうか? 教えていただいたサンプルを実装し、色々探ってみたいと思っています。 ※ちなみに、イメージは↓このような感じです。 http://appleworld.com/4tr/

  • 素材屋さんでよく見かける、壁紙が変わるヤツ・・・。

    素材屋さんでよく見かけるのですが、 特に壁紙の素材のページで・・・。 ある壁紙(縮小バージョン)をクリックすると、 それがそのページの壁紙になるというHTML?を知りたいのです。 どなたか知ってる方or紹介されているHPを教えてください。 お願いしますm(__)m

    • ベストアンサー
    • HTML
  • 画像の拡大とボタンについて

    初めまして。 過去ログで該当するものがなかったので、質問させて頂きます。 「拡大画像01」と拡大画像01を縮小した「縮小画像01」をページに 配置し、縮小画像01をクリックすることで、ページ中央に拡大画像01 を表示したいと思っております。画像は全部で20枚以上あります。 さらにボタンをふたつ配置し「NEXT」「PREVIEW」として、クリック するごとに連番の順序通りに拡大画像を表示させたいのですが、こん なことはJava Scriptでできるものなのでしょうか? 分りづらい質問で申し訳ありません。どなたかご存じの方がいらっしゃ いましたら、ご教授頂ければ幸いです。よろしくお願い致します。

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

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

    • ベストアンサー
    • HTML
  • gifアニメは、javaスクリプトで使えるのでしょうか。

    javaスクリプトで、画像の縮小・拡大を繰り返すのがありますが その画像がgifアニメでも、同じように動きますか? 動きながら、縮小・拡大を繰り返せますか?

  • iphone5cの画像 壁紙の設定について

    最近スマホを持ち始めた者です。壁紙の設定方法についてなんですが、トップ画面から設定→壁紙/明るさから変更が可能ですよね。それで好きなジャンルのスマホ壁紙用の画像を何点かDLしたまでは良いんですが、実際に壁紙を設定するとやや中央目に拡大されてしまいます。勿論原因を調べて対処法として「simple resize」というアプリを入れて色々模索してみたり、一度画像をPCに送って縮小ソフトにて壁紙推奨の1163/640(うる覚えですが)に設定、後にitunes経由で送り返して改めて設定しても結局は中央よりに拡大されてしまいます。 理想としてはPCでのデスクトップの壁紙設定時にある「画面全体に合わせる」の様に出来れば満足です。具体的な解決策をご存知の方が居らっしゃいましたら、手順を踏まえて解答して頂けたらありがたいです。 ご回答よろしくお願いします。

  • Java Scriptの件で質問をさせて頂きます。よろしくお願いいたし

    Java Scriptの件で質問をさせて頂きます。よろしくお願いいたします。 よく、ホームページの一番下に「このページのトップへ」とか「HOME」などとあり、それをクリックすると、当該のページの一番上まで行くものがありますが、あれはJava Scriptを使っているのでしょうか ?私としては、出来るかどうかは不明なのですが、Java Scriptをcssのような感じで外部ファイルにして「このページのトップへ」を作成したいと考えております。どなた様かご指導のほどよろしくお願いいたします。 また、「このページのトップへ」にやはり何らかのリンクを張るのだと思いますが、その点に付きましてもご指導をどうかよろしくお願いいたします。 また、話は少し変わってしまうのですが、ロールオーバーをホームページの上部に横に並べて表示させたいのですが、このようなこともJava Scriptで出来るのでしょうか?現在はcssで試行錯誤している最中ですが、Java Scriptでも可能ならとも考え合わせてご質問をさせて頂きました。 どなた様か、ご指導のほどよろしくお願いいたします。

  • Dreamweaver 画像をクリックすると背景がその画像に変わる方法

    こんにちは今 DreamweaverMX2004 でHPを作成している初心者です。 素材を提供しているサイトで壁紙素材をクリックするとそのページの背景がクリックした素材の壁紙に変わるのをよく見かけますが、それっていちいち素材ごとにページを作ってリンクさせているのでしょうか?もっと簡単な方法があったら教えてください! 

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

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

専門家に質問してみよう