Обсуждение Слайдер "background" для dle (любая)

[robox]

1) "ВАШ ШАБЛОН" измените на название вашего шаблона,
2) в папке "images" вашего шаблона,создайте папку и назовите ее "bg",
3) В папку "bg" закидываем картинки для ротации (желательно 1920х1080),
4) "картинка.jpg" меняем на название ваших картинок,

В файле main.tpl перед закрывающимся тегом </body> вставляем код:
<img src="" alt="background" id="bg" style="display:none" />
<script type="text/javascript">
var aImages = new Array();
var aURL = new Array();
var aArtists = new Array();
var iPrev = -1;
var iRnd = -1;
aImages[0] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
aImages[1] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
aImages[2] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
aImages[3] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
aImages[4] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
aImages[5] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
aImages[6] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
aImages[7] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
aImages[8] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
aImages[9] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
aImages[10] = "/templates/ВАШ ШАБЛОН/images/bg/картинка.jpg";
$(document).ready(function() {
$("img#bg").load(function() {
$("img#bg").fadeTo(2000,1);
setTimeout(function() {
$("#image_description").animate({right: '-=150'}, 1000);
$("img#bg").fadeOut(5000);
setTimeout(LoadImages,5000);
}
,30000);
}
)
setTimeout(LoadImages,5000);
});

function LoadImage(iNr)
{
$("img#bg").attr("src", aImages[iNr]);
};

function LoadImages()
{
while(iPrev == iRnd)
{
iRnd = Math.floor(Math.random()*aImages.length);
}

LoadImage(iRnd);
iPrev = iRnd;
};
</script>

Далее открываем любой ваш css файл котый подключен и в самом низу добавляем:

img#bg {
position: fixed;
top:0;
left:0;
width:100%;
z-index:-3;
}
ГОТОВО!!!

 

[Frosty]

Что так жостко то )

 

[vadimlgg2]

А можно примеры работы?

 

[robox]

А можно примеры работы?

Вот пожалуйста kino-green.ru