jQueryのbxslider一時的にレイアウトつぶれるように崩れる問題について

jQueryのbxsliderを記述したのですが、一時的に上記の画像のようにつぶれる現象が起きます。

コードの記述ミスによるものなのか　原因不明なため、解決策を教えてください。

★html

<{if $goods.img1}>
<img src="<{$goods.img1}>"><{else}>
<img src="/tpl_img/proto_ja/nopic300.gif"><{/if}>

<{if $goods.img2}>

<{if $goods.img3}>

<{if $goods.img4}>

<{if $goods.img5}>
<img src="<{$goods.img5}>"></div><{/if}>

</div>

★css
.bxslider li{
display: none;
}

.bx-viewport .bxslider li{
display: block !important;
}

★js(headの内部)

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>[<{$shop_name}>]<{$titletag}></title> <link rel="stylesheet" href="<{$css_url}>"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script type="text/javascript" charset="UTF-8" src="/js/cart.js"></script> <script type="text/javascript"> $(function(){ $(window).bind('load',function(){ setTimeout(function(){window.scrollTo(0,1); },1); }); }); </script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">

<script>

　jQuery(document).ready(function($){
$('.item_kobetu_image').bxSlider(
);
});
</script>

</head>

Lhankor_Mhy

2021/01/15 09:20

こんばんは。何かしらのテンプレートでしょうか？　出力された結果のHTMLをご提示ください。あと、ひとつだけある </li> はそのままでいいのでしょうか？

21120903ryosuke

2021/01/15 09:40

こんばんは。コメントありがとうございます。 </li>　あ！　これ変ですね　たしかに <div class="slider"> <div class="item_kobetu_image"> <li><{if $goods.img1}> <img src="<{$goods.img1}>"><{else}> <img src="/tpl_img/proto_ja/nopic300.gif"><{/if}></li> <li><{if $goods.img2}> <div><img src="<{$goods.img2}>"></div><{/if}></li> <li><{if $goods.img3}> <div><img src="<{$goods.img3}>"></div><{/if}></li> <li><{if $goods.img4}> <div><img src="<{$goods.img4}>"></div><{/if}></li> <li><{if $goods.img5}> <img src="<{$goods.img5}>"></div><{/if}></li> </div> これで表示がバグらなくなったみたいです！！初歩的な見落としでした！ありがとうございます！！

21120903ryosuke

2021/01/15 09:50

Lhankor_Mhyさんのご指摘により解決しましたのでベストアンサーとさせていただきたいのですがどうすれば良いでしょうか？

Lhankor_Mhy

2021/01/15 09:52 編集

ご解決されて何よりです。自己解決でいいのではないかと思います。 https://teratail.com/help#resolve-myself

21120903ryosuke

2021/01/15 10:08

承知しました。ありがとうございました！