• Страница 1 из 1
  • 1
Результаты поиска
Дата: Вторник, 21.02.2012, 17:27 | Сообщение #1 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, сервер восстановили, посмотри пожалуйста

 
Дата: Воскресенье, 18.03.2012, 19:00 | Сообщение #2 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


Я поставила старый вариант
Code
<script type="text/javascript">   
function showImg(){   
var imgBg=new Array()   
imgBg[0]='http://wfiles.brothersoft.com/t/transformers-hd_76005-1280x800.jpg';   
imgBg[1]='http://st.kinopoisk.ru/im/wallpaper/5/2/8/kinopoisk.ru-Transformers-528436--w--1280.jpg';   
imgBg[2]='http://img137.imageshack.us/img137/1687/tf3m.jpg';   
imgBg[3]='http://oboi.kards.qip.ru/images/wallpaper/02/b9/112898_1280_800.jpg';   
imgBg[4]='http://wallpapers99.com/images/wallpaper/1024x768/Transformers%20Revenge%20of%20the%20Fallen_7873.jpg';   
imgBg[5]='http://www.prorobot.ru/film/transformers/transformers-07.jpg';   
imgBg[6]='http://www.dream-wallpaper.com/free-wallpaper/game-wallpaper/transformers-wallpaper/1600x1200/free-wallpaper-5.jpg';   
var u=imgBg[Math.floor(Math.random()*imgBg.length)],c=new Image();c.src=u;   
if(!c.complete){c.onload=function(){document.getElementById('rand_bg').style.background='url('+u+') no-repeat top center';setTimeout('showImg()',3000);}}else{document.getElementById('rand_bg').style.background='url('+u+') no-repeat top center';setTimeout('showImg()',3000);}   
};setTimeout('showImg()',3000);   
</script>

А в него нельзя добавить эффект плавленной смены изображений фона


Сообщение отредактировал ADMINistrator5946 - Воскресенье, 18.03.2012, 19:01
 
Дата: Воскресенье, 18.03.2012, 19:25 | Сообщение #3 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, что-то вообще не работает фон меняется а мне надо чтоб это было вместо подложки в верху сайта, а в css ни чего не надо прописывать.

Сообщение отредактировал ADMINistrator5946 - Воскресенье, 18.03.2012, 20:17
 
Дата: Понедельник, 19.03.2012, 20:00 | Сообщение #4 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, добрый вечер, скажите пожалуйста я как то делала подложку фона изображение по ширине экрана где-то записала не могу найти.
Css
Code
#wrap0 {background: #000000 url(http://vkkuno.ucoz.ru/transf.jpg)  no-repeat top center ;}

Верхняя часть сайта
Code
<div id="wrap0">

Сайт тот-же


 
Дата: Понедельник, 19.03.2012, 20:58 | Сообщение #5 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, да это у меня есть, но это-же для скрипта со сменой картинок, я хочу его включать при появлении нового фильма.
Вот что у меня щас вCss
Code
#wrap0 {background: #000000 url(http://www.prorobot.ru/film/transformers/transformers-07.jpg) no-repeat top center;}
#rand_bg {background:  url() width:100% no-repeat top center;} #topLink{display:block;position:absolute;top:20px;left:0;width:100%;height:550px;}#rand_bg{   
-moz-background-size:102% auto!important;   
-o-background-size:102% auto!important;   
-webkit-background-size:102% auto!important;   
-khtml-background-size:102% auto!important;   
background-size:102% auto!important;   
}

А это в верхней части сайта
Code
<a href="http://vkkuno.ucoz.ru/" id="topLink"></a>
<div id="wrap0">
  <div id="rand_bg">

Я пробовала создать аналогичный все исчезает. Можно как-то wrap0 сделать?


Сообщение отредактировал ADMINistrator5946 - Понедельник, 19.03.2012, 21:04
 
Дата: Понедельник, 19.03.2012, 21:32 | Сообщение #6 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, заменила все заработало в Chrome и Opera. Только вот проблема с отображением в Mozilla и IE, подложка не на 100% а оригинал, можно что-то сделать?

 
Дата: Среда, 28.03.2012, 21:44 | Сообщение #7 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, здравствуйте, скажите пожалуйста а можно как то упорядочить показ изображений, а то они в разнобой идут.

 
Дата: Среда, 28.03.2012, 23:20 | Сообщение #8 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, а где это и как это сделать?

 
Дата: Среда, 28.03.2012, 23:39 | Сообщение #9 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, здесь
Code
var u=imgBg[Math.floor(Math.random()*imgBg.length)],c=new Image();

изменяем на
Code
var u=imgBg[1 6],c=new Image();
, так?


 
Дата: Четверг, 29.03.2012, 00:00 | Сообщение #10 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


Не что-то я глупость сморозила, что-то не так. likbezz, можете сделать как нужно, я понимаю для вас это элементарно, но к сожалению для меня это просто пропасть, я несколько вариантов попробовала не так все.
Вот скрипт
Code
<script type="text/javascript">  
function showImg(){  
var imgBg=new Array()  
imgBg[0]='http://vkkuno.ucoz.ru/pk/0.png';  
imgBg[1]='http://vkkuno.ucoz.ru/pk/1.png';  
imgBg[2]='http://vkkuno.ucoz.ru/pk/2.png';  
imgBg[3]='http://vkkuno.ucoz.ru/pk/3.png';  
imgBg[4]='http://vkkuno.ucoz.ru/pk/4.png';  
imgBg[5]='http://vkkuno.ucoz.ru/pk/5.png';  
imgBg[6]='http://vkkuno.ucoz.ru/pk/6.png';  
var u=imgBg [Math.floor(Math.random()*imgBg.length)],c=new Image();c.src=u;  
if(!c.complete){c.onload=function(){document.getElementById('rand_bg').style.background='url('+u+') no-repeat top center';setTimeout('showImg()',3000);}}else{document.getElementById('rand_bg').style.background='url('+u+') no-repeat top center';setTimeout('showImg()',3000);}  
};setTimeout('showImg()',3000);  
</script>

А еще хотела спросить: а почему когда меняешь скорость смены изображений допустим на вместо 3000 на 100 сайт тормозит, нельзя использовать быструю смену изображений, или это слишком большая скорость?


Сообщение отредактировал ADMINistrator5946 - Четверг, 29.03.2012, 00:02
 
Дата: Четверг, 29.03.2012, 00:20 | Сообщение #11 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, с загрузкой понятно. А вот с последовательным чередование картинок не могу понять. Пропишите как это выглядит у меня всего 7 картинок с 0 по 6.

Добавлено (29.03.2012, 00:14)
---------------------------------------------
Я поставила 0 у меня только эта картинка и показывает.

Добавлено (29.03.2012, 00:20)
---------------------------------------------
Как сделать последовательную смену т.е. 0, 1, 2, 3, 4, 5, 6 и опять так-же 0, 1, 2, 3 ....

 
Дата: Четверг, 29.03.2012, 21:27 | Сообщение #12 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, да заработало. А вы можете проверить я когда захожу в первый раз все показывается как надо, изображения идут по порядку, если я перехожу в другой раздел или нажимаю на главную, все фоновые изображения исчезают. А если нажать обновить страницу то появляются на любой где бы я не была. Что это может быть?
Попробуйте перейти на сайт а на нем с главной перейти в гостевую или другой раздел у вас так-же будет?


Сообщение отредактировал ADMINistrator5946 - Четверг, 29.03.2012, 21:37
 
Дата: Четверг, 29.03.2012, 22:37 | Сообщение #13 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz, да проверила в остальных браузерах все работает на УРА, это походу мой браузер яндекс интернет тупит.

 
Дата: Четверг, 29.03.2012, 22:58 | Сообщение #14 | Тема: Смена фона без перегрузки с анимационными эфектами
ADMINistrator5946
Рядовой
Группа: Зарегистрированные
Сообщений: 14
Награды: 0
Репутация: 0
Статус: Offline


likbezz,не точное подобие Chrom.

 
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия