検索結果
画像表示
- 全てのカテゴリ
- 全ての質問
- レスポンシブwebデザインでの画像表示について
私はサイト制作初心者なんですが、なんとかレスポンシブwebデザインでのサイトを作っています。 そこで、画像の表示方法について悩んでいたので、アドバイスをお願いします。 今現状やっていた画像表示処理は・・・ <パターンA> 1つの大きな画像を%で縮小させ、あくまで1枚だけで全サイズに対応する というものです。 ところが最近、ネットでたくさんのプロの方々のブログを拝見していると、どうやらRetinaディスプレイに対応した画像は必須なんじゃないか?となり、悩んでおります。 もしRetinaディスプレイに対応した画像の場合は、表示サイズの倍サイズで作ったものを縮小して表示させなければいけないため、重くなるのは必定。 となると、さすがにパターンAでは厳しいと思い下記のパターンBを検討しています。 <パターンB> 1つの画像につき ・PCディスプレイ用画像 (・タブレット・高解像度スマホ用画像) ・通常スマホの縦向用画像 の、2つないしは3つのサイズ別で対応する そこで、もしこのパターンBで画像を表示する際は、一体どのような変換方法を使うのが現在では適切なのでしょうか? 初心者なりに調べてみたりして考えていたのが↓ (1)htmlに画像を入れ、それをjQueryで横幅サイズ毎に表示される画像を変える (2)htmlには画像を入れず、横幅サイズ毎に読み込ませるcssファイルで、divなりなんなりのbackground-imageとしてそれぞれの画像を表示する でした。 個人的には余計なjQueryを使いたくないため、初心者なりに考えてみた結果(2)に行き着いたんですが、そもそも(2)での画像表示は、どうなんでしょうか? どなたかお詳しい方、レスポンシブwebデザインでの画像表示方法について、アドバイスをください。 よろしくお願いいたします。
- 別ウインドウに画像と文字を表示しない
こんにちは。 ボタンをクリックすると、別ウインドウが開いて、画像と文字が表示される アプレットを作りたいのですが、別ウインドウは開きますが、画像と文字は 表示されません。 何度考えても、全く原因が分かりません。 皆さんのご教示宜しくお願いします。 ================================================================================ public class ImageTest extends Applet implements ActionListener { Image img1 , img2 ; JLabel jb1 ; int lblnum ; MyPanel1 mp1 ; Graphics g ; public void init() { img1 = getImage( getDocumentBase() , "star1.jpg" ) ; this.setBackground( Color.yellow ) ; this.setLayout( null ) ; JPanel jp1 = new JPanel() ; jp1.setSize( 1500 , 850 ) ; jp1.setLayout( null ) ; jp1.setBackground( Color.yellow ) ; JPanel jp2 = new JPanel() ; jp2.setBackground( Color.magenta ) ; this.add( jp1 ) ; this.add( jp2 ) ; JLabel jl1 = new JLabel( new ImageIcon( "star1.gif" ) ) ; jl1.setSize( 150 , 150 ) ; jl1.setLocation( 50 , 50 ) ; jp1.add( jl1 ) ; JButton jb1 = new JButton( "star" ) ; jb1.setMargin(new Insets( 1 , 1 , 1 , 1 ) ) ; jb1.setBorderPainted( false ) ; jb1.setForeground( Color.red ) ; jb1.setBackground( Color.yellow ) ; jb1.setLocation( 75 , 210 ) ; jb1.setSize( 100 , 50 ) ; jb1.setFont( new Font( "SansSerif" , Font.ITALIC , 20 ) ) ; jb1.addActionListener( this ) ; jp1.add( jb1 ) ; } public void actionPerformed( ActionEvent e ) { Object source = e.getSource() ; if( source == jb1 ) lblnum = 1 ; MyPanel1 mp1 = new MyPanel1( lblnum , img1 ) ; mp1.setVisible( true ); repaint(); } class MyPanel1 extends Frame { int k ; String str ; Image img ; public MyPanel1( int k , Image img ) { this.k = k ; this.img = img ; setSize( 500 , 500 ) ; setBackground( Color.magenta ) ; setLocation( 300 , 300 ) ; } public void init( ) { switch( k ) { case 1: str = "test" ; break ; } setVisible( false ) ; } public void paint( Graphics g ) { g.drawImage( img , 0 , 0 , 30 , 30 , this ) ; g.drawString( str , 150 , 150 ) ; } } } ================================================================================
- ベストアンサー
- Java
- htgotk_001
- 回答数3
- Googleの検索で画像が表示されない
本日、先ほど画像検索してみたら、Googleの画像検索で画像を表示させようとすると2列しか表示されません。大半の検索画像が添付したように2列です。 昨日までは全段、一度に30ページまで表示していました。これはGoogleサイトの不具合なのでしょうか? またもしそうでないなら何か設定がありますか? IE-OPは規定、一時ファイル・履歴・Cookie削除でもダメです。WinXP-SP3 IE-8 です。 Yahooでは使いにくいながらも普通に表示されます。
- ベストアンサー
- その他(インターネット接続・通信)
- ♪
- 回答数1
- 画像を表示させるhtmlを教えて下さい。
windows mail を使っています。 メールの署名に画像を入れたいのですが、署名の編集のファイルに次の様なhtmlのファイルを参照させたのですが、全く思い通りになってくれません。 何が間違っているのでしょうか? とても困っているので、恥を忍んでお伺いします。 ご存知の方教えて下さいませんでしょうか。 <html> <body> <img src="abc.jpg" alt="light"> </body> </html> よろしくお願いします。
- 締切済み
- その他(メールサービス・ソフト)
- 2000kcal
- 回答数3
- javaで画像をランダムに表示させたい
ローカルホストで下の三角形をクリックするとランダムに表示されるのですが、 何も表示されません。どうすればよいでしょうか? jsp <%@page contentType="text/html; charset=Windows-31J"%> <HTML> <BODY> <HR> <H2 td align="center" >くじを引いてください</H2></TR> <P td align="center"></TR> <img src="http://www.kk-mind.com/image/hls.jpg" > <BR> <A HREF="../servlet/input.OmikuziServlet"> <img src="http://www.misedas.net/item_images/item_group/l/5007/1418.jpg" NAME="text1" > </A> <HR> </FORM> </BODY> </HTML> JAVA import java.io.IOException; import java.io.PrintWriter; import java.util.Random; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class OmikuziServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("Windows-31J"); response.setContentType("text/html; charset=Windows-31J"); PrintWriter out = response.getWriter(); String msg = request.getParameter("text1"); try{ int x = Integer.parseInt(msg); x = (int)(Math.random() * 5) + 1; String strResult = ""; //結果格納用 //数値によって画像を決定 switch(x){ case 0: strResult = "車"; out.println("<HTML>"); out.println("<HEAD>"); out.println("<HR>"); out.println("<title>サンプル15-IMG</title>"); out.println("<img src=\"http://www.yousaydo.com/shopimages/yousaydo2nd/016006000239.jpg\">"); out.println("<HR>"); out.println("</BR>"); out.println("</BODY>"); out.println("<HTML>"); break; case 1: strResult = "マグカップ"; out.println("<HTML>"); out.println("<HEAD>"); out.println("<HR>"); out.println("<title>サンプル15-IMG</title>"); out.println("<img src=\"http://image.rakuten.co.jp/world-chara/cabinet/kanai05/img56469445.jpg\">"); out.println("<HR>"); out.println("</BR>"); out.println("</BODY>"); out.println("<HTML>"); break; case 2: strResult = "スリッパ"; out.println("<HTML>"); out.println("<HEAD>"); out.println("<HR>"); out.println("<title>サンプル15-IMG</title>"); out.println("<img src=\"http://item.shopping.c.yimg.jp/i/j/net-shibuya_ky92601\">"); out.println("<HR>"); out.println("</BR>"); out.println("</BODY>"); out.println("<HTML>"); break; case 3: strResult = "コップ"; out.println("<HTML>"); out.println("<HEAD>"); out.println("<HR>"); out.println("<title>サンプル15-IMG</title>"); out.println("<img src=\"http://ec2.images-amazon.com/images/I/31xeukC9NiL._SL500_AA300_.jpg\">"); out.println("<HR>"); out.println("</BR>"); out.println("</BODY>"); out.println("<HTML>"); break; case 4: strResult = "リラック間人形"; out.println("<HTML>"); out.println("<HEAD>"); out.println("<HR>"); out.println("<title>サンプル15-IMG</title>"); out.println("<img src=\"http://www.san-x.co.jp/relaxuma/campaign/img/59/h5_img05.gif\">"); out.println("<HR>"); out.println("</BR>"); out.println("</BODY>"); out.println("<HTML>"); break; case 5: strResult = "筆箱"; out.println("<HTML>"); out.println("<HEAD>"); out.println("<HR>"); out.println("<title>サンプル15-IMG</title>"); out.println("<img src=\"http://www.zakka-bungu.com/site_data/cabinet/py33501-12_1.jpg\">"); out.println("<HR>"); out.println("</BR>"); out.println("</BODY>"); out.println("<HTML>"); break; } } catch (NumberFormatException e){ System.out.println("入力が正しくありません"); } } }
- ベストアンサー
- その他(学問・教育)
- rnjv6535
- 回答数1
- facebook シェアした時に表示される画像
Facebook初心者です。 野球が好きで、デイリースポーツなどのページを見たらファン仲間に伝えようと「シェアする」ボタンを押してみたり、リンクをしたりしたいのですが、タイムラインに表示される画像が変な画像(エッチな画像とか)になる事があるので、画像を独自に設定したいのですが、方法がわかりません。 ちょっと検索してみたのですが「メタタグ?」が必要とか・・・・ どうすれば良いでしょうか? 初心者には画像を独自に設定とか難しいのでしょうか?
- ベストアンサー
- その他(SNS・掲示板・ブログ)
- gojirou
- 回答数1
- google で [画像で検索] が表示されない
google で [画像で検索] が表示されなくなりました。 前は画像検索結果の画像をクリックすると、[ページを表示]、[元の画像を表示]、[画像で検索]の3つが表示されていましたが、最後の[画像で検索]だけ表示されなくなりました。 ブラウザはFirefoxを使っていて最新です。IEでも同じ現象が起きます。 これはこういう仕様になってしまったのでしょうか?
- Webサイトに画像を表示させるには?
現在、テンプレートを使用して穴埋め式でサイトを作っています。 与えられたテンプレート(index.htmlというファイル)をメモ帳にドラック゛して、そこに文字を入れて、ある程度できたところで、メモ帳を保存して、firefoxの画面にドラッグして確認しています。 今回の質問としましては、以下のテンプレートに画像のファイル名を入力したのにどうして画像が表示されないのか、どうすれば画像をサイトに表示されるのか、という質問です。 (<!-- -->で括られた(サイトでは表示されない)解説文も一緒に載せました。) 【テンプレートの抜粋】 <!-- ●ヘッダー画像(サイトの看板)ここから● このテンプレートでのヘッダー画像サイズは 横860px 縦200px で設定されています。 サイトのサイズが横860pxです。 ※サイズを変更できる方はご自由にサイズを変更してください。 --> <p class="mainimage"><img src="images/■ここにヘッダー画像のファイル名(.以降も含めたもの)を記入■" width="860" height="200" /></p> <!-- ●●ヘッダー画像(サイトの看板)ここまで●●●●●●●●● --> 【上記のテンプレートの置換え箇所に、海の写真のバナー、という私が保存しておいたものを入力しました】 <p class="mainimage"><img src="images/海の写真のバナー.jpg" width="860" height="200" /></p>】 このファイルは以前あるサイトのバナーを個人的に参考の為にマイピクチャにこの名前で保存しておいたもので、今回試験的にこの名前を入力しました。(これを転用する事はありません)テンプレートで画像サイズを指定する箇所がありますが、この画像のサイズがわからないのでまずはそのまま値を変えないでおきました。 他の文字の箇所や大きい文字にするH1 H2などは正常に表示されていますが、この画像の部分はまったく入力前と変わりありません。画像サイズをそのままにしてあるので、おかしな形になるとは予想していましたが、少なくともなんらかの画像らしきものは表示されると思っていました。 どうすれば、まず、画像が表示されるでしょうか? よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- hpmake
- 回答数2
- ★PHP?★画像を縦横比を変えずに表示
画像を縦横比を変えずに表示したいです。 簡単な方法を教えてください。 PHPで作成してます。 下記の画像のサイズはバラバラです。 150*150の正方形の中に全て収めたいです。 <table> <tbody> <tr> <td><img id="imgtf" src="photo1.jpg" alt="" /></td> <td><img id="imgtf" src="photo2.jpg" alt="" /></td> <td><img id="imgtf" src="photo3.jpg" alt="" /></td> <td><img id="imgtf" src="photo4.jpg" alt="" /></td> <td><img id="imgtf" src="photo5.jpg" alt="" /></td> </tr> </tbody> </table> 何か方法はありますでしょうか?
- 画像を最初から拡大して表示する方法
現在 フォルダーの画像ファイルをクリックすると Windows 画像とFAXビューアが起動して画像が表示するようにして 使っています。 その状態のまま↑↓キーで別の画像も表示できて便利なの ですが、画像サイズが窓サイズより小さい場合、小さいまま表示されてしまいます。 そこで、現状と同じような使い勝手で、後操作無しに小さい画像も窓サイズにあわせ(もちろん縦横比は保ったままで)表示してくれるソフトは無いでしょうか?
- ベストアンサー
- Windows XP
- rurisyan
- 回答数3
- GAでの画像の表示回数を知りたい。
初歩的な質問ですみません。 Google Analyticsでサイトのなかにある画像のインプレッション数をしりたいのですが、 GAタグを設置するだけでの標準の設定のみで可能ですか? もしそれだけでは、測定が出来ない場合、GAで簡単に設定し測定できる方法などありますか? ご存知の方いらっしゃったらご教示ください。
- 締切済み
- Googleサービス全般
- ameyamakun
- 回答数1
- 画像を表示させないようにしたい
起動後ログインパスワ-ドの前に画像が勝手にでてきてしまい パスワ-ドがすぐに入力できないようになってしまいました どこか設定あるのでしょうか、これは仕様によるものなの 宜しくお願いします。
- ベストアンサー
- Windows 10
- habataki6
- 回答数2
- 登録ユーザーの画像を非表示にしたい
ユーザーを登録する機能がありますが、何故か相手の画像がマイページに常に表示されるようになっています。 他ではちょっと考えられないシステムなのですが、数年待っても改善される見込みがありません。 技術面的にこちらで対応することは出来ないでしょうか。 サイトの全画像非表示ではアクセスの度にやらねばならず、却って意識する羽目になりますので特定のものを非表示にしたいのですが…やはり無理でしょうか。 携帯、スマホ、PCなどどんなアクセス方法でも構いません。 また、特に方法がない方でも「そうそう、表示気になってた!」という同じ意見の方がいましたら回答頂ければ嬉しいです。
- ベストアンサー
- このQ&Aコミュニティーについて
- tarutosan
- 回答数3
- 【VBA】ワークシート上に画像ファイルを表示する
勉強として、LoadPicture関数を使って、 画像表示をするプログラムを作っております。 今、ワークシート上にImageオブジェクトを作って そこに画面表示されるようにしたいと思っております。 ※ユーザフォームで、Imageオブジェクトを作って 表示することはできます。 今、ワークシート上にImageオブジェクトをどう作るのかが わからず、それについて教えていただきたく掲示致しました。 ※下記サイトに記載されている、ワークシート上にImageオブジェクトを どう配置すればいいのかが、関心を持っております。 http://mugicyan.gooside.com/excel/vba_times/lesson_02_01.html
- 締切済み
- その他MS Office製品
- rivenge_19
- 回答数2
- 最近一部の画像が表示されません。
なんか最近mixiのヒーローワールドのアプリガジェットとかxbox360版wloの公式サイトとかの画像が正常に表示されません。 なんか表示させる方法ありませんか? PSPで見るのには普通に見れるのにPCで見たらなんか端に四角い太陽と山と顔みたいなアイコンが表示されます。
- ベストアンサー
- その他(インターネット接続・通信)
- 北山 椋雄
- 回答数2
- 画像ファイルの名前が表示されなくなる
使用OSはWin XPです。 例えば、画像ファイルが入っているフォルダを開く時、 「Shiftキー」を押しながら「Enterキー」で別窓で開くと、 中の画像ファイルを「写真」または「縮小版」で表示した時、 ファイルの名前が、それぞれの画像の下に出てこなくなってしまいます……。 そしてその後、そのファイル内の画像の名前は、別窓で開かなくてももう出てこなくなります。 大変不便なのですが、これはどのようにすれば直せるのでしょうか?
- ベストアンサー
- Windows系OS
- mintomin08
- 回答数2
- パソコンに詳しい方!!(画像が表示されない。。。)
画像が表示されない。。。 サイトFC2を使ってホームページを作成しました。 自分のパソコンでは画像は表示されるのですが、 ヤフーオークションで使用するため、 ソースを入力すると画像だけ表示されません。 MAC OS X バージョン10.5.2です。 原因分かる方よろしくお願いします。
- レンタルサーバーによる画像表示速度について
HPを作成しましたが、資金の関係上、無料レンタルサーバーを使用しています。 それほど大きな画像ではないのですが、表示までの速度がやたらと遅い気がします。 他のサイト(会社のHP等)ではこれより大きな画像を使っていてもスムーズに表示されています。こちらはおそらく有料サーバー 素人質問で申し訳ありませんが、有料サーバーと無料サーバーではこのような表示時間に差が出るようなことは致し方ないのでしょうか?
- 締切済み
- その他(インターネット・Webサービス)
- bambambbam
- 回答数5
- 常に最前面に画像のみ表示したい。
パソコン初心者です。 小さい画像(マウスポインタの画像)などを 常に最前面に表示させておきたいのです。 そのさい、クリックしたり、ドロップしたりできないようにして表示させたいのです。 yahoo ウィジェットの画像だけのようなカンジで 表示させることはできるでしょうか?
- 締切済み
- Windows XP
- glockp90
- 回答数3
- 画像がうまく表示されないのですが
ページを見るごとにランダムで画像が変わるタグを書き込んだのですが・・・ タグ1 <script language="JavaScript"> <!-- var simg=new Array(5); simg[0]="icon1.png"; simg[1]="icon2.png"; simg[2]="icon3.png"; simg[3]="icon4.png"; simg[4]="icon5.png"; var Myimg=Math.floor(5*Math.random()); document.write("<img src='"+simg[Myimg]+"'>"); //--> </script> タグ2 <SCRIPT LANGUAGE="JavaScript"> <!-- simg=new Array(2); simg[0]="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>"; simg[1]="<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>"; Myimg=Math.floor(2*Math.random()); document.write("<img src='"+simg[Myimg]+"'>"); //--> </SCRIPT> タグ1はインフォシークのサーバーでは表示されたのですが、A-RINGSのサーバーでは表示されなかったので、サーバーの問題で表示されないのでしょうか? 表示されないとしたらどのようにしたら表示されるものなのでしょうか? タグ2はどちらのサーバーも表示されませんでした。 どうしたらちゃんと表示されますでしょうか?
- ベストアンサー
- JavaScript
- yokubou666
- 回答数6