- 締切済み
javascriptでの画像表示と拡大縮小など
現在javascriptについて勉強をしているところです。 下記リンクのようにローカルにある画像を画面に表示し、 http://www.pori2.net/html5/File/040.html 下記リンクのように表示した画像を動かすことの出来るような プログラムにしてみたいのですが、 http://jsdo.it/ganezasan/gTN0 ふたつのサンプルを見ながら作れないかやってみたのですが まだまだ勉強不足でうまく出来ませんでした。 ローカル画像を表示させ（サーバにアップロードはしないで）、 上記リンクのような拡大や縮小などの操作を 出来るようにするにはどうすれば良いのでしょうか。
- shitsumon10
- お礼率100% (6/6)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- sanzero
- ベストアンサー率56% (58/102)
jQueryやdraggableといったプラグインを使えば簡単にできますよ。
関連するQ&A
- ページ全体の拡大／縮小が行える、JavaScriptのサンプルを教えていただけますでしょうか？
ページ全体の拡大／縮小をJavaScriptにて行いないたい（対象はIEのみ）のですが、検索をしてみると、「文字サイズの拡大／縮小」や「画像の拡大／縮小」はよく見つかるのですが、ページ全体の拡大／縮小のサンプルを掲載しているページはあまり見かけません。 検索（"ページ ズーム javascript"等のキーワードで）で何件か見つかって、試してはみたのですが、それらのプログラムですと、私のほうのHTML＋CSSで使用すると、何とも説明しがたいおかしな挙動をしてしまいます。HTML＋CSSの見直しも色々行ってみたのですが、なかなか改善されません。 みなさんがご存知のJavaScriptのサンプル（ページ全体の拡大／縮小）が掲載されているURLを教えていただけますでしょうか？ 教えていただいたサンプルを実装し、色々探ってみたいと思っています。 ※ちなみに、イメージは↓このような感じです。 http://appleworld.com/4tr/
- 締切済み
- JavaScript
- JavaScriptだけで画像アップロードし、表示
JavaScriptだけで画像アップロードし(実際に受け取り)、画面に表示させたいのですが、可能でしょうか？ ※JavaScriptしか使えないレンタルサーバでの利用を想定しています 下記を試してみたのですが、うまくいきませんでした ▽【HTML5】File APIを使って、投稿された画像を即時表示する方法【小ネタ】 : アシアルブログ http://blog.asial.co.jp/1079 ※画像は表示されるのですが、画像ファイルはアップロードされていない(もしくは受け取ることが出来ない) ■質問1 ・画像ファイルパスが、<img src="data:image/jpeg;base64,/9j/4AAQS になるのですが、これは、tmpみたいな場所にアップロードされている、ということなのでしょうか？(FTPで見ても、どこにアップロードされているか確認できませんでした) ■質問2 ・アップロードされたファイルを受け取るための処理は、サーバサイドでしか出来ないということでしょうか？ つまり、JavaScript単独だと、画像をアップロードできても、受け取ることが出来ないので、意味がない？
- ベストアンサー
- AJAX
- 表示される画像が縮小して表示される。
こんにちは。 http://xxbitter.e-whs.net/main.cgi?mode=details2&sid=1&gid=1S000024 こちらのサイトに表示されている画像を853×1280pxでアップロードし、問題なく動作するかをテストしていたのですが、表示されている画像をMozillaのHtmlのソースから画像のリンクを開いてみると、画像が480×720pxに縮小されていました。 ftpでアップロードした際に縮小したものかと思い、ffttpから画像を直接開いてプロパティを調べたのですが、853×1280pxでアップロードされているようです。縮小される原因と対処法をご存知でしたら教えていただけますでしょうか？
- 締切済み
- HTML
- サムネイル画像をクリックすると拡大画像を表示させる方法
今はまずサーバに同一画像の小さい写真（サムネイル用）と大きい写真の両方をアップロードして、 小さい画像を表示させて、そこにリンクをつけて大きい画像のURLへとばすようにタグを書いているのですが、これでは同じ写真を２枚アップロードしなくてはいけず、面倒です。 1枚の写真だけをアップロードしてサムネイル画像を表示させて、クリックしたら拡大写真がでるようにするためにはどのようなタグを使えばいいのでしょうか？
- ベストアンサー
- HTML
- 画像拡大のみにする場合は。
こんにちは。はじめまして。 質問致しますどうか宜しくお願い致します。 HPでの画像画像を拡大の方法はわかりましたが 拡大して縮小もして繰り返し、してしいます。 参考にしましたのは下記のHPです。 http://www.wind.sannet.ne.jp/alfix/javascript/img/5.html このプログラムを縮小～画像拡大だけで1回のみで 大きくなった画像を繰り返さずか止まるようにしたいのですが どのように改善すれば宜しいでしょうか？ 詳しい方是非宜しくお願い致します。
- 締切済み
- JavaScript
- 画像の拡大、縮小
ＨＰの画像の上にマウスを置いてクイックすると画像が拡大されたり縮小されたり（四方に拡がるようなアイコンが表示）できる設定を教えてください。ソフトはホームページビルダー６です。
- 締切済み
- ホームページ作成ソフト
- サムネイルをクリックすると画像が拡大表示されるようにするには？
下記のページの「SAMPLE」を、サムネイルをクリックすると、選択した画像が真ん中の段の陰付き白枠の中に拡大表示されるようにしたいです。 インラインフレームは使いたくないのでJavaScriptでできないかと思っています。 ちなみに当方はJavaScript初心者です。 白枠はcssで#subcon2というボックスの背景に設定しています。 画像については、サムネイルの画像はs01.jpg、s02.jpg・・・という名前で、拡大表示用の画像はサムネイルの名前からsを取って、01.jpg、02.jpg・・・と、名前を付けて、このhtmlと同じ階層にある「images」フォルダの中の「sample_nail」フォルダに入ってます。 この情報で足りますか？ どのようにすればいいでしょうか？よろしくお願い致します。 http://www.ac.auone-net.jp/~mrs/sample.html
- ベストアンサー
- JavaScript
- JavaScriptを使って画像の拡大
JavaScriptを使って画像の拡大をしようとしています。 Fancyzoomを使って画像の拡大はできるようになったのですが、 IE6だと、セレクトボックスが拡大した画像の上に表示されてしまいます。 調べていくとIE6のセレクトボックスにはZindexが利かないことが分かりました。インラインフレームとdivを使えばセレクトボックスを画像の下に隠すことが可能だとはわかったのですが、 Fancyzoomの何処を変更すればいいのかわかりません。 すみませんが、ご教授を頂けないでしょうか？ 途方にくれています。どうか、よろしくお願いします。
- 締切済み
- JavaScript
- サーバー上での画像縮小
お世話になります。 現在サーバーをレンタルしてそこに画像ファイル(主にデジカメで撮影したJPEG)をアップロードしているのですが、このアップロードした画像をサーバー側で縮小して表示させることはできませんか？ サムネイルで一覧表示をしたいのですが、サーバーのリソースは限られているので、あらかじめサムネイルを作成しておくといった無駄はできません。 ファイルのリクエストに対してサーバーが縮小した画像を送信して欲しいのですが・・・。 JavaでもPHPでもFlashでもかまわないので教えていただけると助かります。
- 締切済み
- 画像・動画・音楽編集
お礼
sanzero様 ご回答ありがとうございます。 教えて頂いたプラグインでやり方を調べてやってみます。