|
Смена фона без перегрузки с анимационными эфектами
|
|
| [16] likbezz [19.03.2012, 20:22] |
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 ... и будет картинка по ширине.
... |
|
| [17] ADMINistrator5946 [19.03.2012, 20:58] |
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 |
|
| [18] likbezz [19.03.2012, 21:07] |
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] ADMINistrator5946 [19.03.2012, 21:32] |
|
likbezz, заменила все заработало в Chrome и Opera. Только вот проблема с отображением в Mozilla и IE, подложка не на 100% а оригинал, можно что-то сделать? |
|
| [20] likbezz [19.03.2012, 23:00] |
ADMINistrator5946, Quote (ADMINistrator5946) Только вот проблема с отображением в Mozilla и IE, подложка не на 100%
Для ИЕ - это не работает ... По любому.
А в мозилле - у меня нормально.
... |
|
| [21] ADMINistrator5946 [28.03.2012, 21:44] |
|
likbezz, здравствуйте, скажите пожалуйста а можно как то упорядочить показ изображений, а то они в разнобой идут. |
|
| [22] likbezz [28.03.2012, 22:21] |
ADMINistrator5946, Quote (ADMINistrator5946) здравствуйте, скажите пожалуйста а можно как то упорядочить показ изображений, а то они в разнобой идут.
Можно, выбирать не случайное, а следующее.
... |
|
| [23] likbezz [28.03.2012, 22:21] |
ADMINistrator5946, Quote (ADMINistrator5946) здравствуйте, скажите пожалуйста а можно как то упорядочить показ изображений, а то они в разнобой идут.
Можно, выбирать не случайное, а следующее.
... |
|
| [24] ADMINistrator5946 [28.03.2012, 23:20] |
|
likbezz, а где это и как это сделать? |
|
| [25] likbezz [28.03.2012, 23:28] |
ADMINistrator5946, Quote (ADMINistrator5946) а где это
Вот в этом месте:
Quote (Code) var u=imgBg[x]
Где:
x - число от «0» до общего кол-ва картинок-1.
... |
|
| [26] ADMINistrator5946 [28.03.2012, 23:39] |
likbezz, здесь Code var u=imgBg[Math.floor(Math.random()*imgBg.length)],c=new Image();
изменяем на Code var u=imgBg[1 6],c=new Image(); |
|
| [27] likbezz [28.03.2012, 23:59] |
ADMINistrator5946, Quote (ADMINistrator5946) , так?
Да, примерно так, только число должно быть одно, в диапазоне от 0 до общего кол-ва картинок-1.
... И при каждой ротации, число должно увеличиваться на единицу. Если x == (кол-ву картинок-1) - присваивать ему 0, если не равен - прибавлять единицу.
... |
|
| [28] ADMINistrator5946 [29.03.2012, 00:00] |
Не что-то я глупость сморозила, что-то не так. 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] likbezz [29.03.2012, 00:07] |
ADMINistrator5946, Quote (ADMINistrator5946) А еще хотела спросить: а почему когда меняешь скорость смены изображений допустим на вместо 3000 на 100 сайт тормозит, нельзя использовать быструю смену изображений, или это слишком большая скорость?
Потому что картинки большие, каждая загружается, если установить значение «100» - дясять раз в секунду ... Я думаю причины тормозов понятны? А поставить, при желании, можно любое число, от единицы ... )
... Последствия предсказуемы ... |
|
| [30] ADMINistrator5946 [29.03.2012, 00:20] |
|
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 .... |
|