Цитата:
Сообщение от рони
(Сообщение 450382)
какой скрипт? какие данные?
возможно, нужно исключить из скрипта и css, использование background:, а разбить всё на составляющие , типа background-image background-repeat и т.д.
|
Скрип который в ветке ... первая страница. Но это уже проехали.
я сделал так.
<script>
var mas = [
'/images/new/foto_index/01.jpg',
'/images/new/foto_index/IMG_0875.jpg',
'/images/new/foto_index/IMG_0985.jpg'
], i=1;
function csaHead(){
if(i > (mas.length-1)){
$('#foto_index').animate({'opacity':'0'},500,function(){
document.getElementById('foto_index').style.backgroundImage="url('"+mas[0]+"')"
});
$('#foto_index').animate({'opacity':'1'},500);
}else{
$('#foto_index').animate({'opacity':'0'},500,function(){
document.getElementById('foto_index').style.backgroundImage="url('"+mas[i]+"')"
i++;
});
$('#foto_index').animate({'opacity':'1'},500);
}
}
var intervalCsaHead = setInterval(csaHead,8000);
</script>
у foto_index такие данные:
#foto_index{
background: url("/images/new/foto_index/01.jpg") no-repeat center;
z-index: -1;
min-height: 600px;
margin-top: -50px;
margin-right: 0;
margin-left: 0;
-moz-background-size: 100%; /* Firefox 3.6+ */
-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
-o-background-size: 100%; /* Opera 9.6+ */
background-size: 100%; /* Современные браузеры */
background-size:cover;
}
Но есть одно но! есть элемент надо этим дивом и вот когда картинка начинает исчезать и появляется то она перекрываете элемент меню который над ней ...
Как заставить foto_index не менять свое положение z-index: вовремя анимации? |