Прописал два слайдера bxslider. В каждом сладере по три картинки. После добавления функции randomStart: "true" он стал отображать картинки в случайном порядке, как и задумывалось, но и сами слайдеры отображаются теперь на сайте то по одному, то по два, а нужно чтобы постоянно было два. Вот код:
<?php
echo '<div id="reklama_right" width="240" height="1200">
<div id="slider_1" class="bxslider">
<div><a href="http://" target="_blank"><img src="../kbn_4/slider/images/1.jpg" alt="kbn" width="240" height="240"/></a></div>
<div><a href="http://" target="_blank"><img src="../kbn_4/slider/images/2.jpg" alt="kbn" width="240" height="240"/></a></div>
<div><a href="http://" target="_blank"><img src="../kbn_4/slider/images/3.jpg" alt="kbn" width="240" height="240"/></a></div>
</div>
<div id="slider_2" class="bxslider">
<div><a href="http://" target="_blank"><img src="../kbn_4/slider/images/1.jpg" alt="kbn" width="240" height="240"/></a></div>
<div><a href="http://" target="_blank"><img src="../kbn_4/slider/images/2.jpg" alt="kbn" width="240" height="240"/></a></div>
<div><a href="http://" target="_blank"><img src="../kbn_4/slider/images/3.jpg" alt="kbn" width="240" height="240"/></a></div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#slider_1").bxSlider({
auto: "true",
mode: "fade",
speed: "500",
wrapperClass: "bx-wrapper",
autoHover: "true",
randomStart: "true",
pause: "3000"
});
$("#slider_2").bxSlider({
auto: "true",
mode: "fade",
speed: "500",
wrapperClass: "bx-wrapper",
autoHover: "true",
randomStart: "true",
pause: "3000"
});
});
</script>
</div>'
?>