Фильтр по:
  

Смена фона без перегрузки с анимационными эфектами - Страница 2

Как сделать...

  • Страница 2 из 4
  • «
  • 1
  • 2
  • 3
  • 4
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Смена фона без перегрузки с анимационными эфектами (Автоматическая смена фона с прозрачностью. JavaScript)
Смена фона без перегрузки с анимационными эфектами
Дата: Понедельник, 19.03.2012, 20:22 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 ADMINistrator5946,
Quote (ADMINistrator5946)
likbezz, добрый вечер, скажите пожалуйста я как то делала подложку фона изображение по ширине экрана где-то записала не могу найти.

Добрый)
Вы писали это не к блоку wrap0, а к rand_bg.
Запись там же, - строка 16, CSS.
Code
#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;  
}

Поменяйте rand_bg на wrap0 ... и будет картинка по ширине.
...

 
Дата: Понедельник, 19.03.2012, 20:58 |
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:07 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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

Code
#wrap0 {background: #000000 url(http://www.prorobot.ru/film/transformers/transformers-07.jpg) no-repeat top center;}
#rand_bg {background: no-repeat top center;width:100%;} #topLink{display:block;position:absolute;top:20px;left:0;width:100%;height:550px;}
#wrap0,#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;     
}

- замените, у вас ошибка ...

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


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

 
Дата: Понедельник, 19.03.2012, 23:00 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 ADMINistrator5946,
Quote (ADMINistrator5946)
Только вот проблема с отображением в Mozilla и IE, подложка не на 100%

Для ИЕ - это не работает ... По любому.
А в мозилле - у меня нормально.
...

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


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

 
Дата: Среда, 28.03.2012, 22:21 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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

Можно, выбирать не случайное, а следующее.
...

 
Дата: Среда, 28.03.2012, 22:21 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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

Можно, выбирать не случайное, а следующее.
...

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


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

 
Дата: Среда, 28.03.2012, 23:28 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 ADMINistrator5946,
Quote (ADMINistrator5946)
а где это

Вот в этом месте:
Quote (Code)
var u=imgBg[x]

Где:
x - число от «0» до общего кол-ва картинок-1.
...

 
Дата: Среда, 28.03.2012, 23:39 |
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();
, так?

 
Дата: Среда, 28.03.2012, 23:59 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 ADMINistrator5946,
Quote (ADMINistrator5946)
, так?

Да, примерно так, только число должно быть одно, в диапазоне от 0 до общего кол-ва картинок-1.
... И при каждой ротации, число должно увеличиваться на единицу. Если x == (кол-ву картинок-1) - присваивать ему 0, если не равен - прибавлять единицу.
...

 
Дата: Четверг, 29.03.2012, 00:00 |
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:07 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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

Потому что картинки большие, каждая загружается, если установить значение «100» - дясять раз в секунду ... Я думаю причины тормозов понятны? А поставить, при желании, можно любое число, от единицы ... )
... Последствия предсказуемы ...

 
Дата: Четверг, 29.03.2012, 00:20 |
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 ....

 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Смена фона без перегрузки с анимационными эфектами (Автоматическая смена фона с прозрачностью. JavaScript)
  • Страница 2 из 4
  • «
  • 1
  • 2
  • 3
  • 4
  • »
Поиск:


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