Создать ответ 
Неправильная работа скрипта плавной смены изображений на jQuery
Автор Сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #1
Неправильная работа скрипта плавной смены изображений на jQuery
Сегодня к теме Плавная смена изображений на jQuery от посетителя Денис поступил довольно объемный комментарий, который из-за его размеров было решено перенести на форум.

Сам комментарий:
Цитата:Доброго времени суток!
У меня меню флеш, вот его код <div id="menu">
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="53"><tr>
<td><a title="Прайс-лист" href="/prices/">Прайс-лист</a></td>
<td><a title="Полезная информация" href="/information/">Полезная<br>информация</a></td>
<td style="position: relative;" id="selectedCell">
<a title="О компании" href="/about/">О компании</a>
</td>
<td><a title="Новости" href="/news/">Новости</a></td>
<td><a title="Контакты" href="/contacts/">Контакты</a></td>
<td id="cart" width="200">
<div id="basket">наименований в корзине нет</div></td></tr>
</table>
</div>

Если страница включена в меню, скрипт вывода текста выводит картинку первую, затем начинается вывод букв, по одной за раз. Убираю в меню id="selectedCell" который отвечает за окрашивания пункта меню активной страницы, скрипт работает как надо. Вот код того скрипта:

function displayFlashContainer() {
var cCell;
var oCell;
var wCell;
if (document.getElementById("selectedCell")) {
cCell = document.getElementById("selectedCell");
oCell = cCell.innerHTML;
wCell = parseInt(cCell.clientWidth)-3;
cCell.style.position = 'relative';
cCell.innerHTML = '<div style="display: block; width: '+ wCell +'px; height: 52px; overflow: hidden; text-align: center; position: relative; _position: absolute; top: 0; _right: 3px; margin-bottom: -10px;">'
+ '<div style="display: block; margin-bottom: -50px;">'
+ DisplayFlashReturn('/images/menu.swf', '384', '52', 'transparent', 'rt')
+ '</div>'
+ '<table cellpadding="0" cellspacing="0" border="0" style="position: relative; margin-left: auto; margin-right: auto; margin-bottom: -10px;"><tr><td valign="middle" align="center" height="52" style="background: none;">'
+ oCell
+ '</td></tr></table></div>';
cCell.style.width = wCell+3 + 'px';
}
}

Скажите, в чем может быть проблема такого конфликта?
18.07.2013 19:47:01
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #2
RE: Неправильная работа скрипта плавной смены изображений на jQuery
В чем проблема сказать не могу, т.к. если на пустую страничку вставить приведенный Вами код и добавить туда скрипт плавной смены изображений на jQuery, то все работает как надо. При этом мы удалили из кода функцию DisplayFlashReturn, т.к. ее код Вы не привели (а дело может быть и в ней).

Лучше конечно посмотреть на сам сайт (ссылку можно в личку), т.к. в таком случае будет проще понять где ошибка.
18.07.2013 19:52:18
Найти все сообщения Цитировать это сообщение
Создать ответ 


Переход:


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


LiveInternet
© Copyright 2011-2024 by UsefulScript.ru