Forum Webscript.Ru

Программирование => JavaScript & JScript => Тема начата: So1 от 22 Марта 2008, 18:33:16

Название: Плавная смена контента
Отправлено: So1 от 22 Марта 2008, 18:33:16
Доброго времени суток. Мне необходимо сделать плавную смену контента на сайте. Реализована фишка с сменой цветов бэкграунда всех блоков на произволный.
Сначала я сделал так чтобы цвет текста менялся на цвет бэка, далее при помощи ajax получал данные с сервера (новый контен) и на саксес показыл текст таким же макаром. У такого способа есть огромный недостаток - картинки и ссылки. Они тоже должны появляться плавно вместе с текстом. Реашил сделать через смену прозрачности блока. Получается так что цвет бэка меняется на белый, потом контент нормально исчезает, появляется, и цвет бэка только когда становится нормальным.

У кого какие мысли есть по этому поводу? :) Как нужно делать подобную фишку?
PS jQuery не помогает :(
Был бы цвет бэка фиксированным было бы проще, конечно...

и еще ....


var i = 1;
poll = setInterval
(
function ()
{
for (j = 0; j < elems.length; j++)
{
elems[j].style.filter = "alpha(opacity=" + i + ")";

if (navigator.appName == \'Netscape\' || navigator.appName == \'Opera\')
{
o = i;
if (i < 10)
o = "0" + i.toString();
if (i != 100)
elems[j].style.opacity = eval("0." + o).toString();
else elems[j].style.opacity = "1.0";
}
}
i++;
if (i == 101)
clearInterval(poll);
}, step
);
 

пофиг какой степ... даже если 1 сделать - один фиг - работает секунд 5... бред =(
Название: Плавная смена контента
Отправлено: So1 от 24 Марта 2008, 16:23:26
Паняна :) Прийдется опять к буржуям на форум идти =(
Название: Плавная смена контента
Отправлено: hanslinger от 24 Марта 2008, 16:36:58
Лучше сходи туда, где научат излагать свои мысли на русском языке.
Название: Плавная смена контента
Отправлено: So1 от 24 Марта 2008, 18:52:46
Спрашивай, что не понятно - я объясню.
P.S. русским отлично владею. Печатаю "вслепую" - поэтому бывают ошибки :)
Название: Плавная смена контента
Отправлено: hanslinger от 24 Марта 2008, 18:59:53
Про отлично ты сейчас нагло врешь.
Ты выдал кучу бессмысленной хуйни и заставляешь человека, который мог бы тебе помочь, перечитывать это несколько раз и напрягаться хотя бы для того, чтобы понять. Это — неправильно.

Прозрачность и «плавная смена контента» работают на ура. Можешь попробовать создать страницу с каким-нибудь, скажем, div\'ом, повесить на него fadeIn/fadeOut и посмотреть, как он себя ведет. На отдельной странице.
Название: Плавная смена контента
Отправлено: So1 от 24 Марта 2008, 19:28:51
в jQuery цвет текста меняется на цвет document.body.style.backgroundColor, а не на цвет элемента-родителя.
Название: Плавная смена контента
Отправлено: So1 от 24 Марта 2008, 20:05:40
окей. тогда другой вопрос: как при помощи JS выдернуть все картинки в блоке.
например






нужно получить в массив 1, 2, 3 картинки :)

Вот если такое сделать то и не проблема решить мою задачу без всяких jQuery
Название: Плавная смена контента
Отправлено: hanslinger от 24 Марта 2008, 21:06:23
ты задачу решаешь вроде удаления гланд через анус

почитай про opacity, а не про background
Название: Плавная смена контента
Отправлено: So1 от 24 Марта 2008, 21:56:25
Ты думаешь я не знаю про opacity? Посмотри хотябы скрипт выше (первое мое сообщение).
При смене opacity меняется не только текст, но и фон. Благо если ты у картинки меняешь opacity - всё будет в норме. А если меняешь текст - меняется opacity и фона тоже.
Название: Плавная смена контента
Отправлено: hanslinger от 25 Марта 2008, 00:31:06
Если ты хочешь убирать только текст, а фон оставлять — сделай промежуточный контейнер для текста и прячь его.
Это моя последняя попытка угадать, чего ты хочешь.
Название: Плавная смена контента
Отправлено: for_i_0 от 25 Марта 2008, 23:02:28
hanslinger
хотел подредактировать твой пост, увы прав не хватило... смеялся очень долго.
Название: Плавная смена контента
Отправлено: hanslinger от 26 Марта 2008, 12:49:00
А что ты хотел подредактировать?
Название: Плавная смена контента
Отправлено: So1 от 26 Марта 2008, 18:27:28
Цитировать
hanslinger:
Если ты хочешь убирать только текст, а фон оставлять — сделай промежуточный контейнер для текста и прячь его

Не помогает. Делал я уже так - один хрен бэк меняется. Ты сам-то пробовал так сделать? Бред какой-то. Никогда не думал что на такую элементарную задачу потрачу столько времени =(

css:
.backgr {background:#FFAAEE;}


HTML & JS:

text here



если на картинке щелкнуть - меняется ее прозрачность. На DIV-е не меняется прозрачность текста.
Название: Плавная смена контента
Отправлено: So1 от 26 Марта 2008, 18:39:51
вот срань господня :) Есть делать вот таким макаром


CONTENT



и для Тейбла применять OPACITY, тогда менятеся. А для ДИВа нив какую =(((

Я просто на бестейблтную верстку перехожу и тейблы не использую, а сейчас вот решил попробовать почему-то.

Всё вроде как. Проблему скоро решу с сайтом. Мля... пиздатый получается сайт! :-D

Спасибо за старания вникнуть в кучу бессмысленной хуйни :)
Название: Плавная смена контента
Отправлено: hanslinger от 26 Марта 2008, 19:11:48
Что из этого (http://orava.ru/misc/opacity/) у тебя не получилось?
Название: Плавная смена контента
Отправлено: So1 от 26 Марта 2008, 19:38:57
Убрать внутренний. НО это без jQuery через смену opacity.

orava.ru - твой проект?
Название: Плавная смена контента
Отправлено: So1 от 26 Марта 2008, 21:11:34
всё понятно. position у внутреннего блока должна быть relative. работает и с дивами тоже.
Название: Плавная смена контента
Отправлено: hanslinger от 26 Марта 2008, 21:19:58
Разумеется. И в спецификации это написано.