Неправильная работа скрипта плавной смены изображений на jQuery
|
Автор |
Сообщение |
Admin
Верховный Главнокомандующий (Administrator)
Сообщений: 2,431
У нас с: Aug 2011
|
Неправильная работа скрипта плавной смены изображений на 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 |
|
Пользователи просматривают эту тему: 1 Гость(ей)