powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / При наведении мышки меняется картинка, но...
24 сообщений из 49, страница 2 из 2
При наведении мышки меняется картинка, но...
    #35341081
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
http://tigir.com/css_rollover.htm

---------------------------------------
In WEB we trust
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35341396
GIR
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GIR
Гость
С CSS Sprites я разобрался, но мне кажется что данный вариант не умеет работать с PNG файлами.
Вапрос на засыпку: Есть PNG файл с кнопкой и наведёной кнопкой. 1 и вторая кнопка прозрачная, а также вокруг первой и второй кнопки есть прозрачная оконтовка. только в обычной кнопке она одного цвета, а в другой кнопке эта оконтовка другого цвета.

Что делает CSS Sprites, он просто накладывает вторую кнопку поверх первой и получается что цвета смешиваются и в итоге результат не тот каторый ожидался.
Может есть варианты в каторых бы PNG заменялся на другой, а не накладывался поверх первого.
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35341425
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
GIR...Html я знаю хорошо. Вот ЯваСкрипт мне не к месту и нужны только лиш некаторые вещи...
Ясен перец -хорошо знаешь HTML - яваскрипт не нужен.
Кароче буду юзать CSS Sprites. Ява как не рулила так и не будет походу.[/quot]
GIR...Ява как не рулила...
Ява-то какая - у меня jre1.6.0_05 и ждк 6.0. ? Наверное, устарели...
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35344567
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
GIRС CSS Sprites я разобрался, но мне кажется что данный вариант не умеет работать с PNG файлами.
Вапрос на засыпку: Есть PNG файл с кнопкой и наведёной кнопкой. 1 и вторая кнопка прозрачная, а также вокруг первой и второй кнопки есть прозрачная оконтовка. только в обычной кнопке она одного цвета, а в другой кнопке эта оконтовка другого цвета.

Что делает CSS Sprites, он просто накладывает вторую кнопку поверх первой и получается что цвета смешиваются и в итоге результат не тот каторый ожидался.
Может есть варианты в каторых бы PNG заменялся на другой, а не накладывался поверх первого.
ниасилил, зааттач свой спрайт
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35344578
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
зы
Хорошо, што появилсё.
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35347370
GIR
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GIR
Гость
зы
У вас есть вариант с Sprites чтобы картинка заменялась, а не клалась по верх другой?

ShSerge
Нет не устарели, только какое отношение имеет это к разделу JavaScript... ?
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35347547
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
GIRНет не устарели, только какое отношение имеет это к разделу JavaScript... ?
Ну и нечего явскрипт явой называть. Мне и то и другое нравися. Но, всё-таки, очень волнуюсь, когда кто-то так говорит. Наверное, пора электричеством лечиться...
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35347594
GIR
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GIR
Гость
ShSerg
Ну почему всегда нужно оффтопить. Вы в разделе JavaScript и прочие, а не в програмировании. Чего к словам придераетесь. Ну впадлу писать два слова когда можно написать только одно зная что тебя поймут поскольку раздел соответствующий.
А если не поймут, то уж это их проблемы и их невнимательность. Не по делу оффтопите кстате.

Думаю с вашей стороны писать ответ будет не целесообразно, но и это мой последний пост в вашу сторону с оффтопом.
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35347692
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
GIR ...не целесообразно...
Не называйте яваскрипт - явой, а то ведь никогда на работу не устроитесь...
Пускай меня забанят, но, это - так.
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35347716
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
А русский язык - таки учи.
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35347775
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
GIR ShSerg
Ну впадлу писать два слова когда можно написать только одно зная что тебя поймут поскольку раздел соответствующий.
А если не поймут, то уж это их проблемы и их невнимательность . Не по делу оффтопите кстате.


Ну вот мы и добрались до сути. Вам облом задавать Ваши элементарные вопросы. А нам должно быть не в облом давать на них всепокорнейшие ответы.
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35349721
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
GIR зы
У вас есть вариант с Sprites чтобы картинка заменялась, а не клалась по верх другой?

у меня есть, дожопы, но перед тобой стоит простейшая задача - зааттачить свой спрайт и запостить свою css, слабо?
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35350126
GIR
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
GIR
Гость
зы
Вашего намека не понял!

Накидал по быстрому:

Код: plaintext
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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head><title>Sprite. Кнопка ART!</title>
<style media="screen">
#artbutt {
 width: 60px;
 height: 45px;
 background: url(http://i012.radikal.ru/0806/9d/646af30e19d4.png);
 margin: 10px auto; padding: 0;
 position: relative;
}
#artbutt li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#artbutt li, #artbutt a {height: 45px; display: block;}

#art {left: 0; width: 60px;}

#artbutt a:hover {background: url(http://i012.radikal.ru/0806/9d/646af30e19d4.png) 1px -43px no-repeat;}
</style></head>
<body bgcolor="#ffcc99">
 <ul id="artbutt">
  <li id="art"><a href="#"></a></li>
 </ul>
</body>
</html>
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35350143
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
зы...у меня есть, дожопы, ...
"дожопы" пишется раздельно -"до жопы" - синтаксическая ошибка.
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35350980
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
GIR
Накидал по быстрому:

так ептв...
иди ищи ещё раз в гугл что такое CSS sprites, лучше всего искать на alistapart.com
ты двум разным элементам задаешь бэкраунд, с какой радости они не будут друг на друга накладываться?

ShSerge
"дожопы" пишется раздельно -"до жопы" - синтаксическая ошибка.
если высранная куча гавна достает до _ жопы, то да, раздельно, но это уже скорее к доктору лечиться от диареи
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35358958
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Блин, вроде далеко не ньюб в программировании, и в javascript'е и вебе давно, а с CSS Sprites никогда не сталкивался ... хорошая штука. Спасибо за наметки. Перевожу весь проект на эти рельсы.
Что хочу спросить ... обычно картинки вставляют в бекграунд блока (дива, спана и т.д.) У меня используются в качестве кнопок тэги <img>, для которых обязательно поле src. Если все прописывать в стилях, то как быть с src? - Я туда вставил картинку, которая используется для прозрачных пнг - однопиксельный прозрачный гиф. Кто как это делает?
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35360553
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
не понял, а что мешает сделать кнопку не IMG а DIV'ом? религия?:)
ну на крайний случай есть всякие такие штуки
http://www.irt.org/script/955.htm
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35360761
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Изврат, конечно, но клево! Можно аджаксом динамические картинки скидывать клиенту без их соранения на сервере. Может здорово пригодиться ...

А по поводу своего вопроса: неохота на дивы переходить - слишком много вносить изменений - десятки страниц, десятки и десятки кнопок, потом возможно ...
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35362345
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
так стой, почему дивы, для кнопок как нельзя кстати подходит тэг A. У него есть все что надо, а именно кроссбраузерный селектор a:hover, благодаря которому ролловер делается без скрипта вообще
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35362804
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Так же, как и для <img>:
img:hover.myclass {background-position: -XXpx -XXpx}
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35367657
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruckТак же, как и для <img>:
img:hover.myclass {background-position: -XXpx -XXpx}
да ладно, нифига это не везде работает, везде и 100% только a:hover
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35367710
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Злой ты, зы, очень злой ...
Меня лишь интересует, чтобы работало в ИЕ7 и только в ИЕ7 - оно там замечательно работает. Точка.
Просто хорошая штука и эту идею подкинул именно ты. Хотя жаль, что приходится благодарить такого злого человека :).
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35368392
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
да я злой :)
...
Рейтинг: 0 / 0
При наведении мышки меняется картинка, но...
    #35368399
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruckМеня лишь интересует, чтобы работало в ИЕ7 и только в ИЕ7 - оно там замечательно работает. Точка.
не все же работают с только ИЕ7, так что не смущай народ. Я вот у некоторых заказчиков до сих пор ИЕ5 встречаю в win2000. Тяжко. ИЕ5 - ваще засада, приходится всегда как минимум до шестого обновлять. Когда нужен :hover в ИЕ и лень заморачиваться с <a>, пользую behavior и .htc с описанием mouseover'а и mouseout'а.
...
Рейтинг: 0 / 0
24 сообщений из 49, страница 2 из 2
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / При наведении мышки меняется картинка, но...
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]