Смена фона без перегрузки с анимационными эфектами
2012-03-29 Дата: Четверг, 29.03.2012, 00:52 | Сообщение # 31
Аццкий кодер
Группа: Администраторы
Статус: Unknown
ADMINistrator5946 , Quote (ADMINistrator5946 )
Я поставила 0 у меня только эта картинка и показывает.
Quote (ADMINistrator5946 )
Как сделать последовательную смену т.е. 0, 1, 2, 3, 4, 5, 6 и опять так-же 0, 1, 2, 3 ....
Code
<script type="text/javascript">
showImg(0 ); - стартовое изображение.
2012-03-29 Дата: Четверг, 29.03.2012, 21:27 | Сообщение # 32
Рядовой
Группа: Зарегистрированные
Статус: Offline
likbezz , да заработало. А вы можете проверить я когда захожу в первый раз все показывается как надо, изображения идут по порядку, если я перехожу в другой раздел или нажимаю на главную, все фоновые изображения исчезают. А если нажать обновить страницу то появляются на любой где бы я не была. Что это может быть? сайт а на нем с главной перейти в гостевую или другой раздел у вас так-же будет?
Сообщение отредактировал ADMINistrator5946 - Четверг, 29.03.2012, 21:37
2012-03-29 Дата: Четверг, 29.03.2012, 22:22 | Сообщение # 33
Аццкий кодер
Группа: Администраторы
Статус: Unknown
ADMINistrator5946 , Quote (ADMINistrator5946 )
А вы можете проверить я когда захожу в первый раз все показывается как надо, изображения идут по порядку, если я перехожу в другой раздел или нажимаю на главную, все фоновые изображения исчезают.
2012-03-29 Дата: Четверг, 29.03.2012, 22:37 | Сообщение # 34
Рядовой
Группа: Зарегистрированные
Статус: Offline
likbezz , да проверила в остальных браузерах все работает на УРА, это походу мой браузер яндекс интернет тупит.
2012-03-29 Дата: Четверг, 29.03.2012, 22:51 | Сообщение # 35
Аццкий кодер
Группа: Администраторы
Статус: Unknown
ADMINistrator5946 , Quote (ADMINistrator5946 )
это походу мой браузер яндекс интернет
2012-03-29 Дата: Четверг, 29.03.2012, 22:58 | Сообщение # 36
Рядовой
Группа: Зарегистрированные
Статус: Offline
likbezz ,не точное подобие Chrom.
2012-07-28 Дата: Суббота, 28.07.2012, 09:42 | Сообщение # 37
Рядовой
Группа: Зарегистрированные
Статус: Offline
Здравствуйте! <script type="text/javascript"> #wrap0 {width: 1060px; height: 316px; background: #2B0900 url(http://albaraka.ru/wp-content/uploads/2012/07/1.jpg) no-repeat top center;} Добавлено (28.07.2012, 09:42)
2012-07-28 Дата: Суббота, 28.07.2012, 09:55 | Сообщение # 38
Аццкий кодер
Группа: Администраторы
Статус: Unknown
salam-design , фон меняется только после обновления страницы.
не предусмотрена. Сообщения # 6
2012-07-28 Дата: Суббота, 28.07.2012, 10:41 | Сообщение # 39
Рядовой
Группа: Зарегистрированные
Статус: Offline
А какой же код мне выбрать из 3-х приведённых в "сообщении № 6"?
2012-07-28 Дата: Суббота, 28.07.2012, 10:45 | Сообщение # 40
Аццкий кодер
Группа: Администраторы
Статус: Unknown
salam-design , А какой же код мне выбрать из 3-х приведённых в "сообщении № 6"?
2012-07-28 Дата: Суббота, 28.07.2012, 10:51 | Сообщение # 41
Рядовой
Группа: Зарегистрированные
Статус: Offline
И там пока только 2 картинки. Так что анимация в сулчайном порядке мне не подходит.Добавлено (28.07.2012, 10:51)
2012-07-28 Дата: Суббота, 28.07.2012, 10:56 | Сообщение # 42
Аццкий кодер
Группа: Администраторы
Статус: Unknown
salam-design , И там пока только 2 картинки. Так что анимация в сулчайном порядке мне не подходит.
2012-07-28 Дата: Суббота, 28.07.2012, 19:28 | Сообщение # 43
Рядовой
Группа: Зарегистрированные
Статус: Offline
Ну, если нет готового, я закладываю "краеугольный камень": Quote
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="http://s2.ucoz.net/src/jquery-1.6.1.js"></script>
<script type="text/javascript" src="http://s2.ucoz.net/src/uwnd.js?2"></script>
<style type="text/css">
#rand_box{position:relative;width:1060px;height:316px;overflow:hidden; margin:0;}
img#bgImg1,img#bgImg2{display:block;position:fixed;top:0;left:0;width:1060px;height:316px;z-index:-1;}
</style>
</head>
<body>
<div id="dm1">
<div id="rand_box">
<!--Start()-->
<script type="text/javascript">
function getElmHeight(el){var e=el;return (e.scrollHeight>e.offsetHeight)?e.scrollHeight:e.offsetHeight;}
function showImg(){
var imgBg=new Array()
imgBg[0]='http://albaraka.ru/wp-content/uploads/2012/07/1.jpg';
imgBg[1]='http://albaraka.ru/wp-content/uploads/2012/07/2.jpg';
var i=(i==undefined||i>imgBg.length-1)?0:i;
var u=imgBg[i],c=new Image();c.src=u; obj=$('dm1'),h=getElmHeight(document.getElementById('rand_box'));
if(!document.getElementById('bgImg1')){
obj.append('<img id="bgImg1" style="position:absolute;z-index:-1;height:'+h+'px;" src="/_theme1/_st/img/spacer.gif" alt="" /><img id="bgImg2" style="position:absolute;z-index:-1;height:'+h+'px;" src="/_theme1/_st/img/spacer.gif" alt="" />');
$('#bgImg1').css('background',obj.css('background'));
};
if(obj.css('background')!='transparent'){
obj.css('background','transparent');
};
var img1=$('#bgImg1').css('height',h+'px'),img2=$('#bgImg2').css('height',h+'px');
var changeBg=function(){
if(img1.css('opacity')==0){
img2.animate({opacity:'0'},1200);
img1.css('background','url('+u+') repeat 0% 0%').animate({opacity:'1'},1000);
}else{
img1.animate({opacity:'0'},1200);
img2.css('background','url('+u+') repeat 0% 0%').animate({opacity:'1'},1000);
}};
if(!c.complete){c.onload=function(){document.getElementById('#bgImg1').style.background='url('+u+') repeat 0% 0%';show();}
}else{document.getElementById('#bgImg1').style.background='url('+u+') repeat 0% 0%';show();}
};showImg(0)',5000);
};
$(document).ready(function(){showImg();});
</script>
<!--//End()-->
<img id="bgImg1" style="position:absolute;z-index:-1;" src="/_theme1/_st/img/spacer.gif" alt="" />
<img id="bgImg2" style="position:absolute;z-index:-1;" src="/_theme1/_st/img/spacer.gif" alt="" />
</div>
</body>
</html>
Добавлено (28.07.2012, 17:25)
Добавлено (28.07.2012, 19:28)
2012-07-28 Дата: Суббота, 28.07.2012, 21:22 | Сообщение # 44
Аццкий кодер
Группа: Администраторы
Статус: Unknown
salam-design , Попытка скомпилировать что есть. Пропало фоновое изображение, правда
Я, видимо, не правльно объяснила проблему
№37 ... Посмотрите:
всегда ниже блока к которому применяется. Как же исправить это глюк?
2012-07-29 Дата: Воскресенье, 29.07.2012, 05:14 | Сообщение # 45
Рядовой
Группа: Зарегистрированные
Статус: Offline
Заработало! Поменяла местами скрипт и блок, по вашему совету. Благополучия вам и полезных знаний!
