- このトピックには9件の返信、2人の参加者があり、最後に
により8年、 1ヶ月前に更新されました。
-
投稿
-
GRAPHIEを利用させてもらっていますが
トップページのスライダ画像で
必ず縦の内容が表示されるようにはできないのでしょうか？
ブラウザの幅によって、画像が拡張され、高さ660ピクセルの場所で
カット（それ以下がコンテンツに隠れてしまう）されてしまいます
その部分に、必ず見せたい内容があるので、画像サイズをあれこれするのですが
うまくいきません。仕様ということであれば、あきらめるしかないということになると思います
ちなみに、特定の画像だけにその内容を表示したいため、ウエジットを利用するのは、却下です最新版では、従来の660ピクセル高の固定サイズでの表示仕様を廃止し、ブラウザ幅を100％として、画像はすべての像が表示される仕様に変更されています。
ブラウザのキャッシュをクリアして最新版のCSSが読み込まれるようにしてください。
ありがとうございます。
状況は確認できました
しかし、スライダーの見える高さは660ピクセルだと思うので
ブラウザの幅がFullHDなどの、解像度で表示させた場合
高さが660ピクセル以上になった場合、660ピクセル以下の部分は、
メインコンテンツのエリアに隠され
結果見えなくなってしまいます
（たとえば1200×660サイズの画像の場合）
スライダー表示部分が、リサイズの結果660ピクセル以上になった場合、スライダエリアが広がれば
問題ないのですが（660ピクセル以下の場合は縮小するのにです）ブラウザの開発機能で確認してみると
クラス「devrama-slider」に対して、インラインで高さを660xpしているように
見えます。
ソースを確認しても、それらしき箇所が見つからず
（たぶんphpでソースを出力しているとは思いますが）
何らかの対策は無いものでしょうか？追加で調べてみましたが
ブラウザの幅が1240ピクセル（画面の上の物差しで計りましたので、多少違うかもしれません）
以上の場合、スライダエリアの高さは660ピクセル固定です
（それ以下はレスポンシブということで可変します）
画像幅が1240ピクセル以下、高さが660ピクセルの場合
ブラウザ幅に拡大されるため、高さが660ピクセル以上になり
表示エリアを越えるため、その分がコンテンツエリアに隠され
「見えない」（カットされた）状況になるようですスライダー用のJavascriptモジュールにて、表示幅がスライドショーの指定画像の実サイズよりも大きくなった場合は、スライダー全体が画像の縦と横のサイズになる仕様となっておりました。
次回アップデート時にこれを修正いたしますので、今しばらくおまちいただけますでしょうか。
ちょっとイメージが違ってくるのですが
現状は、縦横比が問題ないものをスライダ画像にし
必ずスライダ内に収めたいものを、画像や文字を含め
ヘッダ画像上のタイトルにHTMLで入れ込み対応しています
（不要なスライダ上にも現れるので、できれば避けたですが）
- このトピックに返信するにはログインが必要です。