表題の通りです。
jQueryで背景画像をフェードインした時に背景画像のレイアウト崩れが起きてしまします。
やりたい動きの参考サイトです
http://homemadegarbage.0t0.jp/jquery-bg-crossfade
#mainImageContainerをjQuetyで呼び出した時に、#mainImageContainerの左右に設置した画像の内、右側の画像がボックス外(ボックスの直下)にずれてしまいます。
jQueryでフェードインをしない状態であれば、正常に表示されます。
宜しくお願いします。
html
1<div id="mainImageContainer"><!--flexbox用—> 2 <img src="main3_left.png" height="100%"/> 3 <img class="logo" src="logo.png"/> 4 <img src="main3_right.png" height="100%"/> 5</div>
css
1#mainImageContainer{ 2 height:100vh; 3 display: flex; 4 justify-content: space-between; 5 align-items: center; 6 position: relative; 7 border: 1px solid rgb(235, 55, 38); 8 display: none; 9} 10
jQuery
1 $(function () { 2 3 $("#mainImageContainer").fadeIn(2000); 4 5});
回答1件
あなたの回答
tips
プレビュー