Показать сообщение отдельно
  #24 (permalink)  
Старый 20.04.2017, 11:55
Аспирант
Отправить личное сообщение для macik Посмотреть профиль Найти все сообщения от macik
 
Регистрация: 17.06.2014
Сообщений: 32

Сообщение от рони Посмотреть сообщение
какой скрипт? какие данные?
возможно, нужно исключить из скрипта и 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: вовремя анимации?
Ответить с цитированием