• ベストアンサー

スライドショーの画像サイズが変わってしまいます

jQuery.Showcaseを使って、画像が切り替わる簡単なものを使っています。 この間画像を増やし、サイズを少し大きく変更(横幅は変わりません)しました。 私のほうではきちんと表示されましたが、違う人が見たらIEのみ縮小された状態で表示されたそうです。 全部が小さく表示されるのではなく、何枚かは普通のサイズで出てくるらしいです。 私のほうでは小さくなっているのが確認できないため、原因がよく分かりません。 今まで何回も使いましたがこんなことは初めてで、なにか分かる方がいらっしゃいましたら教えてください。 お願いします。

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

  • ベストアンサー
  • e_watt
  • ベストアンサー率71% (25/35)
回答No.1

それは Internet Exploler の、画像を自動的にリサイズするという お節介なオプションがデフォルトで有効になっているせいではないでしょうか。 (参考URLによれば、「革新的な機能」だそうですが。)  インターネット オプション →詳細設定 タブ →マルチメディア → 自動的にイメージのサイズを変更する これにチェックが入っていると思われるので外して試すと 期待通りの見え方になるかも知れません。 (IE8の場合。バージョンによってオプションの位置や名称は異なるかも知れません。)

参考URL:
http://www.microsoft.com/ja-jp/windows/ie/using/howto/customizing/autoresize.aspx
appleharu
質問者

お礼

同じものをアドレスを変えてアップしなおしたら、通常通りに表示されました。 キャッシュの問題だったみたいです。 ご回答ありがとうございました。

関連するQ&A

  • 「イメージを自動的にサイズ変更」させない方法

    IEのインターネットオプションで、「イメージを自動的にサイズ変更する」にチェックを入れると、ウィンドウサイズより大きな画像は自動的に縮小してしまいますよね。 今、ページを作成していて、どうしても横幅の大きな画像を扱わなくてはならないのですが、閲覧者の中にはこの画像が縮小されているもので、大きく出来るということを知らない方も多いと思います。 横スクロールが出ても構わないので、何とか初めから縮小しないで表示させることはできないでしょうか? 自分の中で方法として考えたのは、スライスしてテーブルを使って配置することくらいなのですが、その他に考えられる方法があればご教授ください。 なお、蛇足ですが白黒gifなので、画像自体の容量は問題ありません。

    • ベストアンサー
    • HTML
  • VIXのスライドショー

    画像閲覧ソフトVIXでスライドショーを見たいですが、画像のサイズが大きいと画面からはみ出てしまい、一枚ずつ縮小しなければなりません。画像のサイズにかかわらず画面のサイズに合わせた表示を設定するにはどうしたいいでしょうか。他のソフトではできますが、VIXが気に入っているので、よろしくお願いします。

  • 高性能なスライドショー

    スライドショーなんですが、一般的なものは画像が画面サイズより大きな場合、画面サイズに合わせて画像を縮小して全面表示するタイプが普通ですが、探しているものは上下あるいは左右にスクロールすることにより画像をすべて表示できるものを探しています。こんなものありますか。シェアでの情報もあればお願いします。

  • twitterとjqueryのバッティングについて

    はじめまして、jquery.showcase.jsとtwitterウィジットの件で質問させてください。 twitterウィジットとjquery.showcaseを同じHTML内で動作させたいのですが、 IE6~9とchromで見ると、大画像にマウスオーバーすると表示されるサムネイル(大画像にも)に、登録していない画像が2枚余分に表示されてしまいます。 納期も近づいており大変困っております。 正しい枚数ぶんだけ読み込ませたいのですが、どなたか助けていただけませんでしょうか? 「サンプル」 http://www.im-data.co.jp/corporation/kimoto/hatena/ ちなみにjquery.showcaseに表示させたい画像は1枚~5枚。 IE6~9とchromでは、パス不明の<img/>がサムネイル、大画像ともに2枚追加されてしまいます。firefox3.6では正常に表示されます。 宜しくお願い申し上げます。

  • スライドショー「Skitter」をカスタムしたい

    「Skitter」というJavascriptのスライドショーを少しカスタムして使おうと思い、 コードを見ていろいろ試したのですが、うまくいきません。 ▼「Skitter」元はこちらです http://thiagosf.net/projects/jquery/skitter/ ナビゲーションのタイプを「Numbers」「Thumbs」「Dots」の3種類から選べるようになっていて、私は「Thumbs」と言うサムネイルが表示されるタイプを選びました。 さらにサムネイルのサイズを小さく(80px x 50px)したくて、 「skitter.styles.css」や「jquery.skitter.js」のここかな、と思う箇所を 端から変更して表示を試してみてるのですが、意図したサイズになかなかなってくれません。 過去の質問やネットにはサイズ変更に関する記事は見つけることができませんでした。 どこをいじれば良いのでしょうか? わかる方いらっしゃいましたら、教えて頂けませんでしょうか? どうぞよろしくお願い致します。

  • レスポンシブ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デザインでの画像表示方法について、アドバイスをください。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • サムネイル画像のサイズ変更

    windowsXPでフォルダの中の多数の写真ファイル(jpg)を閲覧するとき、表示方法を縮小版にしています。 サムネイル画像が並んで表示されていますので目的の画像を探すのに便利なのですが、私にとってはサムネイル画像のサイズがちょっと小さいのです。 縮小版(サムネイル画像)のサイズを変更する事は出来ないでしょうか?

  • スライドショーを作れる言語を教えて

    こんなプログラムです ・OSはwindows XP ・フォルダをドラッグ&ドロップで指定できる ・中にあるファイルのうちjpg/jpeg/pngだけをスライドショーして、他はスキップ ・画像表示の時間を0.1秒~5秒まで0.1秒刻みで設定できる ・画像と画像のあいだに非表示(真っ黒画面)を1~10秒のあいだで設定できる ・画像の大きさは任意の大きさのウィンドウ⇔全画面表示を選べる(ESCで全画面終了) ・画像の表示はウィンドウより小さいものはそのまま、大きいものは縮小して全部収まるようにする ・画像を表示する順番は名前⇔ランダムを選べる ・プログラムを終了するまで永遠にループする ・ボタンは スライドショーの開始/一時停止/設定/全画面だけです 短いプログラムで、表示時間が0.1秒でもスムーズに動くくらい動作が軽いといいです。 どんな言語が適していますか?

  • JQuery スライドショー 画像切替時について

    Jqueryを使ってスライドショーの ホームページを作成しています。 下記のサイトからダウンロードしました。 http://www.woothemes.com/flexslider/ 質問なのですが、画像に囲まれている箇所で 白丸、選択された時に青丸が表示されるのですが、 そこの色を変更したいのですが変更可能でしょうかぁ。 変更するのであれば、どこのソースを変更すれば可能でしょうかぁ? 大変、勉強不足で申し訳ございません。 また、丸表示から四角表示は可能でしょうかぁ。

  • 画像サイズの変更について。

    フォトショップ(CS4)で画像のファイルサイズを、「画像解像度」の項目を使って 変更するさい、腑に落ちない点があるので、質問させてください。 ピクセル数を変更して画像のファイルサイズを縮小した場合、 フォトショップの画像解像度のウインドウに表示されるファイルサイズ数と、 実際に保存されたファイルサイズが大きく異なるのは、どうしてでしょうか? また、表示されるサイズと、保存されるサイズを同一にするには どうしたらよいのでしょうか? 初歩的な質問かもしれませんが、よろしくお願い致します。

専門家に質問してみよう