• 締切済み

画像拡大のみにする場合は。

こんにちは。はじめまして。 質問致しますどうか宜しくお願い致します。 HPでの画像画像を拡大の方法はわかりましたが 拡大して縮小もして繰り返し、してしいます。 参考にしましたのは下記のHPです。 http://www.wind.sannet.ne.jp/alfix/javascript/img/5.html このプログラムを縮小～画像拡大だけで1回のみで 大きくなった画像を繰り返さずか止まるようにしたいのですが どのように改善すれば宜しいでしょうか？ 詳しい方是非宜しくお願い致します。

みんなの回答

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.1

　例えば、if(h > hMax){ h=hMin; }　を if(h > hMax){return;}　に変えます↓ <HTML> <HEAD> <TITLE>JavaScript サンプル</TITLE> <SCRIPT type="text/JavaScript"> <!-- var hMin=10; var hMax=40; var h=hMin; var wRitu; var flg=false; function kakudaiImg(){ if(!flg){ if(document.img10.width > 0){ flg=true; wRitu = document.img10.width / document.img10.height; }else{ setTimeout("kakudaiImg()",35); return; } } if(h > hMax){ return; } document.img10.height = h++; document.img10.width = h * wRitu; document.img10.style.visibility="visible"; setTimeout("kakudaiImg()",35); } //--> </SCRIPT> </HEAD> <BODY> <TABLE boder=0 width=50 height=50><TR><TD><CENTER> <IMG src="td205.gif" name="img10" style="visibility:hidden"> <SCRIPT type="text/JavaScript"> <!-- kakudaiImg(); //--> </SCRIPT> </CENTER></TD></TR></TABLE> </BODY> </HTML>

bico_1995
質問者

お礼

gura_様 適切なアドバイス本当にありがとうございました。 gura_様のお書きのように変更させていただきましたら。 画像がキチンと止まりました。ありがとうございます。 感謝しております。 また何かありました時は宜しくお願い致します。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • HPの画像の拡大表示について　　

    現在ＨＰを作成しています。 小さい画像を並べて、クリックすると新しいウインドウに 拡大写真が表示されるようにしたいのですが。 winのペイントで画像を２枚用意して、(縮小画像と拡大画像) 01と１にファイルしました。 <A href="img\1.jpg" target="_blank"><IMG src="img\01.jpgL"></A> 　としたのですが、拡大画像は表示されても、縮小画像は×になっています。何か間違っているのでしょうか? 　教えてくださいお願いします。　超初心者ですので、わかり易くお願いします。

    • ベストアンサー
    • HTML
  • javascriptでの画像表示と拡大縮小など

    現在javascriptについて勉強をしているところです。 下記リンクのようにローカルにある画像を画面に表示し、 http://www.pori2.net/html5/File/040.html 下記リンクのように表示した画像を動かすことの出来るような プログラムにしてみたいのですが、 http://jsdo.it/ganezasan/gTN0 ふたつのサンプルを見ながら作れないかやってみたのですが まだまだ勉強不足でうまく出来ませんでした。 ローカル画像を表示させ（サーバにアップロードはしないで）、 上記リンクのような拡大や縮小などの操作を 出来るようにするにはどうすれば良いのでしょうか。

  • 画像の拡大とボタンについて

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

  • javascriptで画像縮小と拡大は。。

    初心者です。 javascriptで、画像をクリックすると拡大、もう一度クリックすると縮小するには、どうすればよいのでしょうか？？

    • 締切済み
    • Mac
  • 画像の拡大・縮小機能のサンプルページを探しています

    参考：http://www.maimu.co.jp/753/detail/7302106.php 上記サイトのような画像を拡大・縮小出来るスライダーがついていて、 且つ拡大した際にマウスで移動できる機能を実装したいと思っているのですが、 何か解説ページなどありませんでしょうか？ Flashでは無く、javascriptで実装できればと思っております。 ポイントとしては、 ◎「+」「-」ボタンだけではなく、スライダーで拡大・縮小ができる ◎拡大時にはマウスで拡大位置を移動できる ◎Flashではなく、javascript（jQueryとか？）で。 ご存知の方がいらっしゃいましたらお願いいたします。

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

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

  • C# Picturebox 縮小・拡大時の表示方法

    下記のようなコードで、画像の拡大・縮小を行っています。 ただ画像の縮小時、PictureBox内の余分な部分について、(1)縮小前の 画像が残像のように表示されています。 また通常、画像の拡大・縮小前の画像では画像サイズがPictureBoxよりも大きいサイズの 場合、スクロールバーを表示するようにしています。 (2)でも、画像拡大時、スクロールバーが出るには出ているのですが、画像全てを 確認できません。 (1)、(2)の問題について、解決方法をご存知の方、お願いです、、、教えてください。。。 かなり、困ってます。。。。 Bitmap img = new Bitmap(pictureBox1.Image.Tag.ToString()); //PictureBox1のGraphicsオブジェクトの作成 Graphics g = pictureBox1.CreateGraphics(); //拡大・もしくは縮小 RectangleF rect = new RectangleF(0, 0, zoom * img.Width, zoom * img.Height); g.DrawImage(img, rect); //BitmapとGraphicsオブジェクトを破棄 img.Dispose(); g.Dispose();

  • 画像を拡大保存したいです

    画像や写真を縮小するソフトは、以前にこの質問箱で教えて頂き、大変重宝して使わせて頂いています。 今回は小さ過ぎて見難い画像や写真をもう少し大きくして見やすくしてＨＰに貼ったりしたく、それに適した拡大ソフトを教えて頂きたく宜しくご指導の程お願いします。 もちろん画像が荒くなるのは致し方ないと理解しております。 OSはWIN98SEです。

  • 画像拡大とともにエレメントもあわせて動かすには

    画像拡大をすると、その上に配置している、画像が そのままのため、ずれてしまいます。 googlemapみたいに、拡大縮小しても、ポイントや吹き出しがずれないようになっていますが あれと同じことを実現できる方法を教えて頂きたいです。

  • 画像の拡大、縮小

    ＨＰの画像の上にマウスを置いてクイックすると画像が拡大されたり縮小されたり（四方に拡がるようなアイコンが表示）できる設定を教えてください。ソフトはホームページビルダー６です。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する