Автор Тема: Плавная смена контента  (Прочитано 16121 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн So1

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 12
  • +0/-0
  • 0
    • Просмотр профиля
    • http://my3w.info/
Плавная смена контента
« : 22 Марта 2008, 18:33:16 »
Доброго времени суток. Мне необходимо сделать плавную смену контента на сайте. Реализована фишка с сменой цветов бэкграунда всех блоков на произволный.
Сначала я сделал так чтобы цвет текста менялся на цвет бэка, далее при помощи ajax получал данные с сервера (новый контен) и на саксес показыл текст таким же макаром. У такого способа есть огромный недостаток - картинки и ссылки. Они тоже должны появляться плавно вместе с текстом. Реашил сделать через смену прозрачности блока. Получается так что цвет бэка меняется на белый, потом контент нормально исчезает, появляется, и цвет бэка только когда становится нормальным.

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

и еще ....


	
	
var 
1;
	
	
poll setInterval
	
	

	
	
	
function () 
	
	
	
{
	
	
	
	
for (
0elems.lengthj++)
	
	
	
	
{
	
	
	
	
	
elems[j].style.filter "alpha(opacity=" ")";
	
	
	
	
	

	
	
	
	
	
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

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 12
  • +0/-0
  • 0
    • Просмотр профиля
    • http://my3w.info/
Плавная смена контента
« Ответ #1 : 24 Марта 2008, 16:23:26 »
Паняна :) Прийдется опять к буржуям на форум идти =(

Оффлайн hanslinger

  • H2Oer
  • Ветеран
  • *****
  • Сообщений: 1148
  • +0/-0
  • 2
    • Просмотр профиля
    • http://www.orava.ru
Плавная смена контента
« Ответ #2 : 24 Марта 2008, 16:36:58 »
Лучше сходи туда, где научат излагать свои мысли на русском языке.

Оффлайн So1

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 12
  • +0/-0
  • 0
    • Просмотр профиля
    • http://my3w.info/
Плавная смена контента
« Ответ #3 : 24 Марта 2008, 18:52:46 »
Спрашивай, что не понятно - я объясню.
P.S. русским отлично владею. Печатаю "вслепую" - поэтому бывают ошибки :)

Оффлайн hanslinger

  • H2Oer
  • Ветеран
  • *****
  • Сообщений: 1148
  • +0/-0
  • 2
    • Просмотр профиля
    • http://www.orava.ru
Плавная смена контента
« Ответ #4 : 24 Марта 2008, 18:59:53 »
Про отлично ты сейчас нагло врешь.
Ты выдал кучу бессмысленной хуйни и заставляешь человека, который мог бы тебе помочь, перечитывать это несколько раз и напрягаться хотя бы для того, чтобы понять. Это — неправильно.

Прозрачность и «плавная смена контента» работают на ура. Можешь попробовать создать страницу с каким-нибудь, скажем, div\'ом, повесить на него fadeIn/fadeOut и посмотреть, как он себя ведет. На отдельной странице.

Оффлайн So1

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 12
  • +0/-0
  • 0
    • Просмотр профиля
    • http://my3w.info/
Плавная смена контента
« Ответ #5 : 24 Марта 2008, 19:28:51 »
в jQuery цвет текста меняется на цвет document.body.style.backgroundColor, а не на цвет элемента-родителя.

Оффлайн So1

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 12
  • +0/-0
  • 0
    • Просмотр профиля
    • http://my3w.info/
Плавная смена контента
« Ответ #6 : 24 Марта 2008, 20:05:40 »
окей. тогда другой вопрос: как при помощи JS выдернуть все картинки в блоке.
например






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

Вот если такое сделать то и не проблема решить мою задачу без всяких jQuery

Оффлайн hanslinger

  • H2Oer
  • Ветеран
  • *****
  • Сообщений: 1148
  • +0/-0
  • 2
    • Просмотр профиля
    • http://www.orava.ru
Плавная смена контента
« Ответ #7 : 24 Марта 2008, 21:06:23 »
ты задачу решаешь вроде удаления гланд через анус

почитай про opacity, а не про background

Оффлайн So1

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 12
  • +0/-0
  • 0
    • Просмотр профиля
    • http://my3w.info/
Плавная смена контента
« Ответ #8 : 24 Марта 2008, 21:56:25 »
Ты думаешь я не знаю про opacity? Посмотри хотябы скрипт выше (первое мое сообщение).
При смене opacity меняется не только текст, но и фон. Благо если ты у картинки меняешь opacity - всё будет в норме. А если меняешь текст - меняется opacity и фона тоже.

Оффлайн hanslinger

  • H2Oer
  • Ветеран
  • *****
  • Сообщений: 1148
  • +0/-0
  • 2
    • Просмотр профиля
    • http://www.orava.ru
Плавная смена контента
« Ответ #9 : 25 Марта 2008, 00:31:06 »
Если ты хочешь убирать только текст, а фон оставлять — сделай промежуточный контейнер для текста и прячь его.
Это моя последняя попытка угадать, чего ты хочешь.

Оффлайн for_i_0

  • $15 per hour
  • Глобальный модератор
  • Ветеран
  • *****
  • Сообщений: 555
  • +0/-0
  • 2
    • Просмотр профиля
    • http://www.php.net/manual/en
Плавная смена контента
« Ответ #10 : 25 Марта 2008, 23:02:28 »
hanslinger
хотел подредактировать твой пост, увы прав не хватило... смеялся очень долго.
[off]Безработный[/off]

Оффлайн hanslinger

  • H2Oer
  • Ветеран
  • *****
  • Сообщений: 1148
  • +0/-0
  • 2
    • Просмотр профиля
    • http://www.orava.ru
Плавная смена контента
« Ответ #11 : 26 Марта 2008, 12:49:00 »
А что ты хотел подредактировать?

Оффлайн So1

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 12
  • +0/-0
  • 0
    • Просмотр профиля
    • http://my3w.info/
Плавная смена контента
« Ответ #12 : 26 Марта 2008, 18:27:28 »
Цитировать
hanslinger:
Если ты хочешь убирать только текст, а фон оставлять — сделай промежуточный контейнер для текста и прячь его

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

css:
.
backgr {background:#FFAAEE;}


HTML 
JS:
<
div class="backgr"
<
div id="1" onClick="this.style.filter=\'alpha(opacity=50)\';"> <img src="http://forums.digitalpoint.com/images/buttons/newthread.gif" onClick="this.style.filter=\'alpha(opacity=50)\';"text here </div>
</
div>


если на картинке щелкнуть - меняется ее прозрачность. На DIV-е не меняется прозрачность текста.

Оффлайн So1

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 12
  • +0/-0
  • 0
    • Просмотр профиля
    • http://my3w.info/
Плавная смена контента
« Ответ #13 : 26 Марта 2008, 18:39:51 »
вот срань господня :) Есть делать вот таким макаром


CONTENT



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

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

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

Спасибо за старания вникнуть в кучу бессмысленной хуйни :)

Оффлайн hanslinger

  • H2Oer
  • Ветеран
  • *****
  • Сообщений: 1148
  • +0/-0
  • 2
    • Просмотр профиля
    • http://www.orava.ru
Плавная смена контента
« Ответ #14 : 26 Марта 2008, 19:11:48 »
Что из этого у тебя не получилось?

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28