VPF::Родился нежный лирический вопрос

abelly

Дата 9.6.2004, 08:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 30.4.2004

Репутация: нет
Всего: нет

суть проблемы – есть ячейка таблицы – в ней анимированный gif (некая постоянная картинка с меняющимся цветом фона – 4 цвета) – gif достаточно тяжелый –
Что то где то глубоко в душе подсказывает – что если картинку в тупую воткнуть в ячейку – а цвет фона ячейки заставить меняться – скажем – через JS – то – вроде как поменьше мегов будет в этом блоке.
Если есть соображения – поделитесь плиз - за код буду признателен особо.

abelly

Gold Dragon

Дата 9.6.2004, 08:46 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71

Насколько тяжёлая картинка? Может лучше пару секунд подождать и не мудрить..

Если меняется только фон вокруг картинки и фон прямоугольный, то конечно лучше менять фон ячейки.

Если нет, то можно сделать несколько простых Gif`ов, сделать предварительную загрузку картинок и сменять их через x-времени, а первая так и так загрузиться..

--------------------

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

Sardar

Дата 9.6.2004, 09:13 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Оптимизируй .gif, метры он не должен весить...
Вот пример на скорую руку:

Код

var bgcolors=["#0803bd","#00bcfa", "#30fe1e", "#f5f481"];
//реестр с инфой [ид_обьекта, первый_цвет, таблица_цветов]
var anims=[["bgimg1", 0, bgcolors],["bgimg2", 3, bgcolors],["bgimg3", 0, ["#489806","#818bf5","#00fa25"]]];
function init_anim() {
 for(var i=0; i<anims.length; i++) {
  var obj=document.getElementById(anims[i][0]);
  if(obj) anims[i][0]=obj;
  else delete anims[i]; //элемента нет, для отладки поставь alert
 }
window.setInterval(chng_anim,1000); //ставим таймер
}
function chng_anim() {
 for(var i=0; i<anims.length; i++) {
  anims[i][1]=(anims[i][1]+1)%anims[i][2].length;
//изменяем атрибуты обьекта, это может быть что угодно, не только цвет
  anims[i][0].style.backgroundColor=anims[i][2][anims[i][1]];
 }
}
.................
<body onLoad='init_anim();'>
<table>
<tr><td id='bgimg1'>Test</td></tr>
<tr><td id='bgimg2'>Test</td></tr>
<tr><td id='bgimg3'>Test</td></tr>
</table>
</body>

Цитата(Red)

сделать предварительную загрузку картинок и сменять их через x-времени

Плохая идея, менять фон .gif картинками, тем более что в гифе только 256 цветов.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

abelly

Дата 9.6.2004, 09:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 30.4.2004

Репутация: нет
Всего: нет

всем спс

пока взял на вооружение - попробую

Ignat

Дата 9.6.2004, 10:14 (ссылка)

(нет голосов)

Загрузка ...

Флудератор

Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

Репутация: нет
Всего: 73

А как насчет Macromedia Flash?
Векторная анимация + Jpeg компрессия - мне кажется оптимальнее.

А к тому, что здесь написано, если картинка тяжеловесная, то можно сохранить её как jpg,
залив фон каким-либо цветом и применить в css фильтр chroma, но он с жпегами хреновенько работает, но попытаться можно.

--------------------

Теперь при чем :P

Gold Dragon

Дата 9.6.2004, 19:10 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71

Sardar
Согласен, что менять фон GIF`ами не самый лучший вариант, а что делать если вся картинка не прямоугольная (квадратная), к примеру, овальная (круглая).

Что лучше, загружать анимированный GIF или использовать предварительную загрузку простых GIF`ов. Первый вариант проще, но придётся ждать загрузки всей картинки.

--------------------

Sardar

Дата 10.6.2004, 00:43 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

2 Red Dragon загрузить анимацию одним гифом будет быстрее, проще, лучше. Сколько времени уйдет на коннекты к серверу и прочее при загрузке кадров отдельно + цельный гиф можно оптимизировать.

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »