X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> При наводе на картинку загружаются еще две
WildWolf_hb
WildWolf_hb
Topic Starter сообщение 23.11.2009, 22:47; Ответить: WildWolf_hb
Сообщение #1


Доброго времени дня (или ночи).

У меня возникла такая проблема.
У меня на сайте, когда на водишь на картинку #1, картинка #1 остается на своем месте, картинка #2 появляется в другом месте, а картинка #3 появляется в третьем месте. У каждой из трех картинок свое место, они друг друга не заменяют. Нужно лишь показывать +2, при наводе на 1.


И можно ли это сделать с помощью скрипта, чтобы не было лишнего кода и страница грузилась быстрей.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 24.11.2009, 0:46; Ответить: Webmaster_hb
Сообщение #2


WildWolf, смотря где находятся картинки
можно и спрайтами сделать, если рядом, а можно и простым скриптом
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WildWolf_hb
WildWolf_hb
Topic Starter сообщение 24.11.2009, 17:46; Ответить: WildWolf_hb
Сообщение #3


Ноискал на счет "спрайтов" - тока гомняный напиток)

WildWolf, смотря где находятся картинки

[IMG]http://www.ii4.ru/images/2009/11/24/19353_shema_sayta.jpg[/IMG]

При наведении на картинку #1 появляются соседние с ней #2 и #3.

Конечно скриптом бы лучше, т.к. быстрее будет работать.
А еще одна ктука - это предварительная загрузка картинок? (иду читать)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 24.11.2009, 18:07; Ответить: Webmaster_hb
Сообщение #4


WildWolf,

спрайты не помогут, они нужны в других случаях


делаете макет, на котором видны сразу все картинки 1,2,3

потом для 2 и 3 ставите свойство display:none

на каритнку 1 навешиваете обработчик onmouseover или onclick по которому меняете свойство второй или третей картинки соотвественно

для картинки надо задать уникальный id
<img id="image-5-3">
скрипт
document.getElementById('image-3-5').style.display.=""
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WildWolf_hb
WildWolf_hb
Topic Starter сообщение 24.11.2009, 19:54; Ответить: WildWolf_hb
Сообщение #5


Вот, сделал, но чуть по-другому:
<img src="http://soft.mydiv.net/images/win/screens/41289.jpg"
onmouseover="javascript:
image_2.style.display = '';
image_3.style.display = '';"
onmouseout="javascript:
image_2.style.display = 'none';
image_3.style.display = 'none';"
img id="image_1"
border="0" width="100" height="100"><br />

<img src="http://power-r.narod.ru/kartinki/J06.jpg"
img id="image_2"
style="display:none"
border="0" width="100" height="100"><br />

<img src="http://booking-nl.orangesmile.com/images/hotel/org/675/675457.jpg"
img id="image_3"
style="display:none"
border="0" width="100" height="100">

Правильно?

И сразу возник вопрос:
у меня таких картинок будет 5 блоков по 3картинки и 3 блока по 2 картинки. Как это можно автоматизировать?


Если я залью скрипт, как script.js и с помощью него делать?
Как в скрипте указывать на onmouseover и onmouseout на конкретную картинку или как вызывать скрипт для подобной операции?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 24.11.2009, 23:14; Ответить: Webmaster_hb
Сообщение #6


автоматизировать тут практические ничего
вы могли бы сделать функции show, hide
и передавать туда ID блока
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WildWolf_hb
WildWolf_hb
Topic Starter сообщение 26.11.2009, 0:18; Ответить: WildWolf_hb
Сообщение #7


про show, hide, к счастью мне известно))

Большое спасибо за помощь...:goodpost:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
7 stu999 1753 31.3.2024, 11:19
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2203 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30378 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78479 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Внешние ссылки где еще разместить
5 muratastana 7107 10.11.2021, 18:48
автор: muratastana


 



RSS Текстовая версия Сейчас: 19.4.2024, 20:02
Дизайн