Do ipb_styles.css na samym dole dodaj:
/* Basic jQuery Slider essential styles */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
#banner-fade,
#banner-slide{
margin-bottom: 60px;
}
ul.bjqs-controls.v-centered li a{
display:block;
padding:10px;
background:#fff;
color:#000;
text-decoration: none;
}
ul.bjqs-controls.v-centered li a:hover{
background:#000;
color:#fff;
}
ol.bjqs-markers li a{
padding:5px 10px;
background:#000;
color:#fff;
margin:5px;
text-decoration: none;
}
ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
background: #999;
}
p.bjqs-caption{
background: rgba(255,255,255,0.5);
}
w globalTemlate daj tam gdzie chcesz:
<div id="banner-fade">
<!-- start Basic Jquery Slider -->
<ul class="bjqs">
<li><img src="img/banner01.jpg" title="Automatically generated caption"></li>
<li><img src="img/banner02.jpg" title="Automatically generated caption"></li>
<li><img src="img/banner03.jpg" title="Automatically generated caption"></li>
</ul>
<!-- end Basic jQuery Slider -->
</div>
w includeJS na samym dole dodaj:
<script src="{$this->settings['js_base_url']}js/bjqs-1.3.min.js"></script>
<script src="{$this->settings['js_base_url']}js/libs/jquery.secret-source.min.js"></script>
to wgraj na ftp
public.zip
wgraj grafiki jakie chcesz do folderu public/style_images/Twoj_styl/
wtedy zamień w globalTemplate:
<li><img src="img/banner01.jpg" title="Automatically generated caption"></li>
<li><img src="img/banner02.jpg" title="Automatically generated caption"></li>
<li><img src="img/banner03.jpg" title="Automatically generated caption"></li>
na:
<li><img src="{style_images_url}/PLIK1.jpg" title="Automatically generated caption"></li>
<li><img src="{style_images_url}/PLIK2.jpg" title="Automatically generated caption"></li>
<li><img src="{style_images_url}/PLIK3.jpg" title="Automatically generated caption"></li>
Pisane na oko, ale na 99% musi działać, jeżeli nie to sprawdze na sobie.