Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> OnMouseOver, подмена картинок и прозрачность, вот такие вот у нас пироги 
:(
    Опции темы
Tokagero
Дата 1.12.2010, 19:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Здравствуйте, доброго времени суток... Нужна помощь.
Уже пол дня сижу над данной вещью, но вот запутался, и не знаю что с этим делать.

Снизу прилагается собсно то, что уже успел сделать.

Суть - есть ряд картинок (у меня их две). При наведении мышкой они меняются другими. Т.е. подмена при mouseover. 
НО так-же в это-же время снизу появляетсяБолее крупная картинка (эта-же, только увеличеная) и некое описание к ней.
Если мышку увести - описание и картинка пропадают. Ну, и маленькая сверху становится преждней.
Вторая картинка, кажется, тоже не работает уже. Хотя 1 в 1 как у первой всё, только ID разные и пути к файлам.

Сначала хотел как-то через iFrame\innerHTML при наведении подргужать файлик с описанием, но оно
почему-то не работало, не знаю, но вроде эту проблему решил.

Сейчас, кстати, подмена "маленьких картинок" сверху происходит странным образом тоже. Я не меняю 2 изображения,
а изначально прозрачность 0%. При наведении картинка меняется и становится 100%. А чтобы небыло пусто там у
<td> стоит background картинка обычного состояния, без повторения и по центру. В итоге получилось прикольно

Вроде сделал, работало. Но потом, как говорится, захотелось сделать с карточными играми и девушками легкого поведения.
И это была прозрачность. Чтобы оно постепенно появлялось и (по возможности) исчезало.
Без использования флеша, jquerry и т.д (ибо не имею опыта, звучит страшно)

Сразу были нагуглены всякие примерчики, кое-какие функции выкинуты, заменены новыми, менялись имена IDшников под 
это дело... Короче получилось то, что уже не работает. Снизу не появляется описание. Вообще.

Если можно, прошу глянуть что там не так, и исправить, а то мозги уже отваливаются.

Добавлено через 7 минут и 47 секунд
Для справки:
Изначально использовал это,
Код

--- Code: ---
<html>
<head>

<style>

.kalender_vak_hover { background-color:#ffffff; }
.kalender_dag_van_maand { background-color:#000000; }

</style>

<script type="text/javascript">

  function vak_handle(actie, vak_obj)
  {
    document.getElementById(vak_obj.id+'-text').style.display = (actie)?'none':'';
    document.getElementById(vak_obj.id+'-link').style.display = (actie)?'':'none';
    vak_obj.style.color = (actie) ? '#000000' : '#ffffff';
    vak_obj.className = (actie) ? 'kalender_vak_hover' : 'kalender_dag_van_maand';
  }

</script>
</head>

<body>

<table border="1">
<tr>

<td id="cell1" onmouseover="vak_handle(true, this);" onmouseout="vak_handle(false, this);"
    style="color:#ffffff;" class="kalender_dag_van_maand">
<span id="cell1-text">&nbsp;100&nbsp;</span>
<span id="cell1-link" style="display:none;"><a href="#">Link1</a></span>
</td>

<td id="cell2" onmouseover="vak_handle(true, this);" onmouseout="vak_handle(false, this);"
    style="color:#ffffff;" class="kalender_dag_van_maand">
<span id="cell2-text">&nbsp;200&nbsp;</span>
<span id="cell2-link" style="display:none;"><a href="#">Link2</a></span>
</td>

</tr>
</table>

</body>
</html>


Только за место Link1 и Link 2 сделал картинки, за место надписей 100 и 200 сделал другие картинки. В итоге получилось, и при наведении картинка менялась, потом обратно

Потом сделал отдельную таблицу, в нее засунул второй span, чтобы  там выводилось описание и т.д...

А потом пошли махинации с прозрачностью, и это уже не узнать

Присоединённый файл ( Кол-во скачиваний: 3 )
Присоединённый файл  img.rar 16,55 Kb
PM MAIL   Вверх
Tokagero
Дата 2.12.2010, 16:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Ну же? Нет идей?
PM MAIL   Вверх
ksnk
Дата 2.12.2010, 16:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Цитата(Tokagero @  2.12.2010,  16:03 Найти цитируемый пост)
Ну же? Нет идей? 

Рекомендую отлаживать javascript не на форуме, а в Гугл хроме, например или в FireFox'е с FireBug'ом.

Чем, например отличается вот такая конструкция
Код

<... onmouseover="mymouseON(p1);" onmouseout="mymouseOFF(p1);" ...>

от такой?
Код

<... onmouseover="mymouseON('p1');" onmouseout="mymouseOFF('p1');" ...>




Это сообщение отредактировал(а) ksnk - 2.12.2010, 16:20


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Tokagero
Дата 3.12.2010, 13:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Ну я так и делал, до определенного момента.

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


 




[ Время генерации скрипта: 0.0436 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.