Форум программистов, компьютерный форум CyberForum.ru Форум программистов | Компьютерный форум | Форум web-программистов | Форум по электронике и бытовой технике | Форум о софте | Научный форум | Карьера и бизнес
CyberForum.ru - форум программистов и сисадминов > > >
Восстановить пароль Регистрация

Ответ Создать новую тему
 
AvengerAlive
Форумчанин
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
11.09.2012, 11:28
  #1
Здраствуйте. Я сделал градиентный фон для body от синего к белому. У меня есть рисунок на 200 пх высотой и 2048 длиной. Облака на прозрачном фоне. Я хочу чтобы этот рисунок был наложен на мой градиент и плавно двигался бы, то есть хотел что-то вроде ленточного конвейера с облоками сделать. Помогите реализовать.
Код HTML5
1
2
3
4
5
6
7
<head>
...
</head>
 
<body>
...
</body>
Код CSS
1
2
3
4
5
6
7
body {
margin: 0;
    padding: 0;
    min-width: 1024px;
    width: 100%;
    background-image: url(../gradient.php?from=00f&to=fff); 
}
рисунок с облаками 1.png сам сделал на фотошопе, просто облака вырезал, вставил, удалил фон.

Добавлено через 1 минуту
P.S. движение хочу по горизонтали, слева на право
AdAgent
Объявления
11.09.2012, 11:28
and_y87
Тру Кодер
342 / 290 / 20
Регистрация: 27.02.2012
Сообщений: 1,054
Записей в блоге: 49
11.09.2012, 16:15
  #16
AvengerAlive, оооооо...
точно.... там первое значение это 'X' а второе это 'Y'

может так надо...
Код JavaScript
1
var b= '-'+a+'px 0px'
хотя вроде бы автоматом должен Y - 0px делать...

Добавлено через 34 секунды
Код JavaScript
1
$(id).css('background-position', '-50px 0px')
AvengerAlive
Форумчанин
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
11.09.2012, 16:34  [ТС]
  #17
and_y87, ОК, а библиотеку то какую взять? Я уже их штук 10 перекачал, не работают
and_y87
Тру Кодер
342 / 290 / 20
Регистрация: 27.02.2012
Сообщений: 1,054
Записей в блоге: 49
11.09.2012, 16:39
  #18
AvengerAlive, обычно достаточно подключить библиотеку последней версии...
в ней содержаться все функции предыдущих версий устраняются глюки баги и дополняют новыми возможностями, редко случается когда вырезается какая либо функция...

эх я лошара забыл.... что на JQ вот так с ID надо работать:
Код JavaScript
1
$('#'+id).css('background-position',k+' 0px');
ошибка была тут: $(id)
надо было: $('#'+id)

Добавлено через 1 минуту
но можно и зарание там прописать...
Код JavaScript
1
var id = '#image_animate';
хотя нет.... тогда накроется строка выше...
кстате к слову если будет 2 строки то будет фон 2 раза смещаться.... советую использовать только JQ т.к. он проще...
AvengerAlive
Форумчанин
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
11.09.2012, 16:50  [ТС]
  #19
and_y87, СПАСИБООО!!! Наконец заработало))) Целый день угрохал)
and_y87
Тру Кодер
342 / 290 / 20
Регистрация: 27.02.2012
Сообщений: 1,054
Записей в блоге: 49
11.09.2012, 16:54
  #20
AvengerAlive, главное что бы серого вещества побольше выделилось и в корке что нибудь отложилось :Р
AvengerAlive
Форумчанин
5 / 5 / 0
Регистрация: 30.07.2011
Сообщений: 257
11.09.2012, 19:07  [ТС]
  #21
эти знания пошли в папку Шаблоны =)
Yandex
Объявления
11.09.2012, 19:07
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
Ответ Создать новую тему

Похожие темы
Тема Раздел Автор Дата
Анимированный фон в меню приложения
Добрый день всем! В приложении использую iCarousel, с помощью нее реализовано меню. Там есть событие, которое обрабатывает смену пункта. Вот к этому событию хочу привязать метод, по которому будет...
Программирование iOS/iPhone DarkVENOM 15.04.2014 19:46
jQuery как сделать анимированный футер как на lj?
Добрый день, не получается сделать анимацию ,как на lj, футер приклеен книзу, при нажатии все содержимое должно перекрывать квысоту окна браузера под ним. Понимаю, что значение высоты равно...
jQuery IRINIS 23.10.2013 17:23
HTML, CSS Фон позади кнопки должен быть, как фон блока
Фон позади кнопки должен быть, как фон блока Это сложно объяснить словами, скину скрины макета Надеюсь вы мне поможете и доступно объясните как такое можно реализовать
HTML, CSS gone 04.08.2013 15:58
jQuery анимированный раскрывающийся блок
Здравствуйте. Хочу сделать календарь с заметками. Заметки отображаются на самих ячейках, но не все... чтобы показать все, надо раскрыть ячейку. Кое какой код набросал, но есть проблема......
jQuery z-z 28.06.2013 15:30
jQuery Движущийся фон
Добрый день! Помогите пожалуйста, сделать движущейся фон! т.е. необходимо сделать эффект движущейся машины. На переднем плане объект (машина) за объектом фон который бесконечно движется слева на...
jQuery tactic 21.06.2013 20:29
Visual C++ Прозрачный фон иконки и фон диалогового окна
Делаю всё в VS 2010, mfc! 1)Как поставить вместо стандартного фона диалогового окна, свой фон, например картинку? 2)Как сделать так чтобы у моих иконок, которые двигаются по форме, был прозрачный...
Visual C++ 9_Em_Detei 18.05.2012 21:50
jQuery Удалить фон в галерее
Сейчас на денвере работаю с темой http://demo.wordpress-ru.ru/ И хотелось бы, чтобы темное окно, которое появляется на каждом изображении, как то отключить. Как это сделать?
jQuery Semenovich 22.03.2012 20:37
jQuery анимированный бекграунд
Помогите сделать анимированный бг на jquery. пример на флэш, нужно чтобы изображения менялись(бесконечное количество) параметры прозрачности стрелок 75-25/50-50/25-50 http://alpicagroup.ru/01.swf
jQuery nikone88 23.07.2011 12:34
Опции темы

Текущее время: 05:02. Часовой пояс GMT +4.

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.7 PL3
Copyright ©2000 - 2014, vBulletin Solutions, Inc.