- ベストアンサー
画像の大きさにぴったり合った枠
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
それは、IEの仕様でして・・・ firefoxやOperaはウィンドウ中央に、IEやGoogleChromeは左上に表示されます。 <a href="abc.html">とでもして、HTML内に画像を配置するか、javascriptで新しいウィンドウをサイズを指定して開くかになります。
関連するQ&A
- so-net でブログをはじめたいのですが、画像のまわりに枠をつけたい
so-net でブログをはじめたいのですが、画像のまわりに枠をつけたいのですが、つけられません。style="border: 3px solid #ff0000;">を画像のあとのつけてますが、表示されません。どうしてですか？おしえてください 以下が新規作成がめんです。 <a href="/_images/blog/_76b/gontarou-youko/s-E4BFA1E6A5BDE381BBE3818B_10839.jpg" target="_blank"><img src="/_images/blog/_76b/gontarou-youko/m_s-E4BFA1E6A5BDE381BBE3818B_10839.jpg" width="232" height="350" border="0" align="" alt="s-信楽ほか_10839.jpg" /></a>border="0"のところにstyle="border: 3px solid #ff0000;">にいれかえております どこが、間違えかわかりません
- ベストアンサー
- ホームページ作成ソフト
- 画像が表示されなくなったのですが教えてください。
今回、画像の表示方法を変えたら一部の画像が表示されなくなりました。 HP上には、20枚くらい画像を表示しており「旧方法」では正常に表示できました。 「新方法」を取ってからは、開くたびにランダムで表示できない画像が発生します。 「旧方法」 <a href="P01.JPG" target="_blank"><img src="P01s.JPG" /></a> 「新方法」 <a href="P01.JPG" target="_blank"><img src="P01.JPG" style="width:320px" /></a> 画像の説明 P01.JPG・・・800*600の元画像 P01s.JPG・・・800*600の縮小版で320*240 「旧方法」は元画像の縮小画像を作ってそれを表示してました。 しかし、縮小画像作るのはめんどいし容量もとるので、出来れば元の画像だけで小さく表示できないかと思っていました。 そんな時、「新方法」では、元の画像だけで小さく表示できたので使ってみたら表示できない画像が出て来て困っています。 使い方が間違っているとか、どんな些細なことでもいいので表示されない原因を教えて頂けないでしょうか？ 宜しくお願いします
- ベストアンサー
- HTML
- リンクした画像の大きさをしていするには？
たとえば、 <a href="a.jpg" target="_blank"><img src="00.gif"> だとして、00.gifからa.jpgにリンクするのですが、 画像が小さいのに、大きな画面の中にその画像が はじっこに出てしまいます。 画像がぴったしになるように大きさを 指定するにはどうしたらいいのですか?
- ベストアンサー
- その他（インターネット・Webサービス）
- ランダムで画像変更
前回…http://oshiete1.goo.ne.jp/qa4475723.html <a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a> 形式の画像のランダム変更の仕方を教えて頂いたのですが、聞きそびれた質問があったので、質問させて頂きます。 <iframe src="XXX.html" frameborder="no" scrolling="no"></iframe> こういった形のフレーム形式の画像をランダムで表示させる場合はどうしたらよろしいでしょうか？ また <a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a> 形式のランダム表示と混ぜて表示させる方法をどのようにしたらよろしいのでしょうか？ 今回はこちらのサイトも参考にさせて頂きました。 http://www.red.oit-net.jp/tatsuya/java/
- 締切済み
- JavaScript
- HPの画像の拡大表示について
現在ＨＰを作成しています。 小さい画像を並べて、クリックすると新しいウインドウに 拡大写真が表示されるようにしたいのですが。 winのペイントで画像を２枚用意して、(縮小画像と拡大画像) 01と１にファイルしました。 <A href="img\1.jpg" target="_blank"><IMG src="img\01.jpgL"></A> としたのですが、拡大画像は表示されても、縮小画像は×になっています。何か間違っているのでしょうか? 教えてくださいお願いします。 超初心者ですので、わかり易くお願いします。
- ベストアンサー
- HTML
- 特殊なテキストエディタ
<A href="901927192719.jpg" target="_blank"> <A href="901920002719.jpg" target="_blank"> このような<A hrefとblank">の間にはさまれた文字を消すことができるテキストエディタはないんでしょうか？ 少しわかりにくいですね、もうすこし説明すると。 <A href="*****" target="_blank"> *＝ランダムな文字。 <A href="*****" target="_blank"> これを他の文字に置き換えることができるテキストエディタはありませんか？ わかりにくくてすいません、よろしくおねがいします。
- ベストアンサー
- フリーウェア・フリーソフト
- ホームページ作成 リンク先の画像を中央表示する方法は？
ホームページ作成 リンク先の画像を中央表示する方法は？ ホームページを作成しているのですが、 画像にリンクした時にその画像の表示が画面の真ん中に来るようにしたいです。 <a href="image/○○○.jpg" target="_blank"> これでやってみると、○○○.jpg の画像が画面の左寄せで出てきます。 画面の中央にくるようにするにはどうすればいいのでしょうか？？
- ベストアンサー
- ホームページ作成ソフト
- 「クリックして表示される画像が、右クリックでは保存できない」設定
リンクをクリックすると、別ウィンドウが開いて画像が表示されるページがあります。 （ソースは<a href="○○.jpg" target=_blank>●●●</a>です。） ブラウザはIEを使っているのですが、 リンクを右クリックし、「対象をファイルに保存」を選ぶと、 ○○.jpgではなくて403.htmが保存されます。 おそらくサーバ側でそのような設定をしているのではないかと思うのですが、 Apacheの場合、どのようにすれば上記の環境になりますが？
- ベストアンサー
- オープンソース
- 画像を別窓に展開したいのですが
画像を別窓に展開しています 困り度：暇なときにでも 今は target="_blank" で画像を別窓に展開しています 開いたときにプラウザー（IE6？）全画面内に余白付きで画像が表示されています これを適当な大きさ（絵はがき大）で表示させたいのです （開く画像自体の容量は300KB以下です） 大きさで言うと500px400p？ほどで表示させたい この場合に余計なメニューバー等が外せるようですが理解できません ＜Ｘのみ表示されている＞ toolbar=no location=no directorise=no status=no menubar=no scrollbars=no resizeabl=no width=400 height=500 このような句をjavascriptかcssかで宣言しておくようですが 巧い方法を教えてください 現用句 <A href='images/$col[filename]' target='_blank' title='クリックで原寸画像を表示します'> <IMG src='images/". $col["filename"] . "' widht='300' height='240' vspace='2'></A> ＞target='_blank'に名称付けをしてどうのこうのまでは理解できました 質問投稿日時：09/11/04 10:32PHPで回答なしでした
- ベストアンサー
- HTML
- 二重の画像切り替え
以下のようなJavaScriptを作りたいと考えております。 非常にレベルの低い内容で申し訳ないのですが、どうかみなさんの知恵を貸していただけば幸いです。 （ちなみにJavaScriptで処理品ければいけない成約がありますので、他の方法は今回はすみません。） 見せるのも恥ずかしいレベルのソースですが、ソースも載せます。 ＣのいずれかをクリックするとＢの３つのサムネイル画像がすべて切替り、 更にＢのいずれかをクリックすると拡大画像のＡが切替るJavaScriptを作りたいと考えております。 ┌──┐ │拡大│←Ａ（Ｂの拡大画像） └──┘ ┌─┐┌─┐┌─┐ │前││横││後│←Ｂ（車の各方向からの写真画像） └─┘└─┘└─┘ ┌─┐┌─┐┌─┐ │赤││青││黒│←Ｃ（車のカラーバリエーション） └─┘└─┘└─┘ ◆◆◆現在のソース◆◆◆ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2/jquery.min.js"></script> <!--Ａ（Ｂの拡大画像）--> <div id="main_img"><img id="target_main" src="images/red_head.jpg" width="450" height="190" alt="image"></div> <!--Ｂ（車の各方向からの写真画像）--> <div class="thumbnail"> <ul> <li><a href="images/red_head.jpg"><img id="target_thumbnail_01" src="images/red_head.jpg" width="100" height="41" alt="gold_01"></a></li> <li><a href="images/red_side.jpg"><img id="target_thumbnail_02" src="images/red_side.jpg" width="100" height="41" alt="gold_02"></a></li> <li><a href="images/red_back.jpg"><img id="target_thumbnail_03" src="images/red_back.jpg" width="100" height="41" alt="gold_03"></a></li> </ul> </div> <!--Ｃ（車の各方向からの写真画像）--> <div class="color"> <ul> <li><a href="○○○"><img src="images/wheat.jpg" width="78" height="26" alt="sample01"></a></li> <li><a href="○○○"><img src="images/images/java.jpg" width="78" height="26" alt="sample01"></a></li> <li><a href="○○○"><img src="images/images/graphite.jpg" width="78" height="26" alt="sample01"></a></li> </ul> </div> <!--メインイメージ切り替えスクリプト--> <script type="text/javascript"> $(document).ready( function() { $(".thumbnail a").click( function() { var changeSrc = $(this).attr("href"); $("#target_main").fadeOut("slow", function() { $(this).attr("src", changeSrc); $(this).fadeIn(); } ); return false; }); }); </script> <!--カラー切り替えスクリプト--> ・ ・ ・
- 締切済み
- JavaScript
お礼
IEの仕様ということで了解しました。 ありがとうございました。