トピック: ウインドウサイズに合わせて画像を拡大縮小する方法について教えていただきたいです

タグ: カスタムテキスト, コンテナエリア上部

このトピックには7件の返信、2人の参加者があり、最後に正治により9年前に更新されました。

8件の投稿を表示中 - 1 - 8件目 (全8件中)

投稿者

投稿
2016/02/01 9:24 AM #65374

正治
参加者

初歩的な質問ですいません…
フォーラム内やマニュアルを読んで、ネットでも探してみたいのですが、解決しなかったので、こちらのフォーラムに投稿しました。

テーマ：COLORS

相談内容：
「コンテナエリア上部」に「DP-カスタムテキスト」のウェジェットを追加して、バナー広告を設置しました。（サイズ width=”1103″ height=”91）

しかし、ウインドサイズを狭めると、画像がはみ出してしまいます。※添付画像①

COLORSのデモサイトのように画像がウインドサイズに合わせて、拡大縮小できる方法（※添付画像②）をわかる方がいれば、ぜひ教えていただきたいと思います。

ちなみに「DP-カスタムテキスト」には下記の記述をしております。

添付ファイル:
添付ファイルを開くにはログインしてください。

2016/02/01 9:27 AM #65377

正治
参加者

[quote quote=65374]初歩的な質問ですいません…
フォーラム内やマニュアルを読んで、ネットでも探してみたいのですが、解決しなかったので、こちらのフォーラムに投稿しました。

テーマ：COLORS

相談内容：
「コンテナエリア上部」に「DP-カスタムテキスト」のウェジェットを追加して、バナー広告を設置しました。（サイズ width=”1103″ height=”91）

しかし、ウインドサイズを狭めると、画像がはみ出してしまいます。※添付画像①

COLORSのデモサイトのように画像がウインドサイズに合わせて、拡大縮小できる方法（※添付画像②）をわかる方がいれば、ぜひ教えていただきたいと思います。

ちなみに「DP-カスタムテキスト」には下記の記述をしております。

[/quote]

2016/02/01 5:23 PM #65441

Saki
参加者

高さと幅を指定せずに、以下のように、してみたらどうでしょう。

2016/02/01 5:26 PM #65443

Saki
参加者

直接、画像が表示されちゃいました。失礼しました。

<a href="http://mindful.kanasyo.com/" rel="nofollow"><img src="http://kanasyo.com/wp-content/uploads/2016/01/mindful_baner.png" alt="IMG_0685_2" /></a>

2016/02/01 7:24 PM #65460

正治
参加者

Sakiさま

返答していただき、ありがとうございます！

いただいた記述をコピペして試してみましたが、やはり同じ結果でした…

2016/02/01 9:08 PM #65465

Saki
参加者

では、これなんか、いかがでしょうか

<a href="http://mindful.kanasyo.com/" rel="nofollow"><img src="http://ek5.jp/sozai/sozai-5eki/mindful_baner.png" alt="IMG_0685_2" width="100%" /></a>

2016/02/01 9:11 PM #65466

Saki
参加者

コピペのしどころを、テストサイトにしちゃいまして、失礼しました。
(^^ゞ

<a href="http://mindful.kanasyo.com/" rel="nofollow"><img src="http://kanasyo.com/wp-content/uploads/2016/01/mindful_baner.png" alt="IMG_0685_2" width="100%" /></a>

2016/02/02 10:14 AM #65516

正治
参加者

Sakiさま

ありがとうございます！！！！

できました！！！

完璧です。

ほんとありがとうございました。
投稿者

投稿