Отображаются все картинки баннера

[m4gz]

Проблема такая на opencart 1.5.4 стандартный модуль баннеров, где они переключатся через изменение прозрачности, странный глюк - когда страница загружается сначала все картинки из данного баннера отображаются друг под другом, а только потом, когда страница загрузилась, все лишние пропадают и показывается один, который начальный и все нормально переключается. Помогите пожалуйста, могу скинуть в лс сайт.

[m4gz]

Как я понимаю задержка с выполнение скрипта, т.к. если в основной таблице стилей делаю display: none; а в футоре display: block; то все равно, сначала отображаются все три, а через секунду складываются в 1

[m4gz]

нашел решение нужно заменить код модуля баннера на такой 

<div id="banner<?php echo $module; ?>" class="banner" style="display: none;">
  <?php foreach ($banners as $banner) { ?>
  <?php if ($banner['link']) { ?>
  <div><a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" /></a></div>
  <?php } else { ?>
  <div><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" /></div>
  <?php } ?>
  <?php } ?>
</div>
<script type="text/javascript"><!--
$(document).ready(function() {
	$('#banner<?php echo $module; ?> div:first-child').css('display', 'block');
});

var banner = function() {
	$('#banner<?php echo $module; ?>').css('display', 'block');
	$('#banner<?php echo $module; ?>').cycle({
		before: function(current, next) {
			$(next).parent().height($(next).outerHeight());
		}
	});
}

setTimeout(banner, 1500);
//--></script>