Подсветка иконок при наведении курсора (jQuery)

[Angela]

Здравствуйте уважаемые форумчане!

Есть небольшие иконки (ч/б) с изображением контактов и такие же цветные. Нужно чтобы при наведении курсора мыши на иконку одно изображение, заменялось другим.

Реализовать наверное проще на jQuery (предполагаю) ну на css точно не нужно )

P/S Сайт работает на Joomla 2.5

[viv]

ну на css точно не нужно

Почему?

Все что можно сделать css'ом нужно им делать. =)

Присылайте код, сделаю Вам. Или на jsbin залейте.

[pashkje]

я обычно делаю такое через цсс. Берёшь 2 одинаковых кнопки (одну цветную, другую ч\б) вставляешь в одну картинку. Задаёшь в css background-position так, чтобы видна была только ч\б. А потом при hover-e указываешь другой background-position чтобы видна была только цветная иконка.

[viv]

я обычно делаю такое через цсс

Все правильно. К JS нужно прибегать если по каким то причинам css не можем использовать.

[max2012]

я обычно делаю такое через цсс. Берёшь 2 одинаковых кнопки (одну цветную, другую ч\б) вставляешь в одну картинку. Задаёшь в css background-position так, чтобы видна была только ч\б. А потом при hover-e указываешь другой background-position чтобы видна была только цветная иконка.

Спрайты

Edited April 29, 2013 by max2012

[Angela]

Ребята, вы издеваетесь?

Ок, а если мне нужно будет, чтобы при наведении курсора картинка еще немного "шевелилась"? Мне тоже в стилях все понапрописывать?

Если серьезно, просто хотелось бы понять алгоритм подключения (и настройки) той или иной библиотеки jQuery на сайт, для добавления разных приятных мелочей/красивостей.

P/S Можно ткнуть носом в правильный мануал по jQuery на русском.

PP/S Такие талмуды читать нет времени

Edited April 30, 2013 by Angela

[rus]

P/S Можно ткнуть носом в правильный мануал по jQuery на русском.

в гугле искать религия не позволяет?

https://www.google.ru/#newwindow=1&hl=ru&sclient=psy-ab&q=jquery+hover+%D0%BD%D0%B0+%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%BE%D0%BC&oq=jquery+hover+%D0%BD%D0%B0+%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%BE%D0%BC&gs_l=serp.3...11050.13102.1.13411.10.10.0.0.0.0.70.462.10.10.0...0.0...1c.1.11.psy-ab.2LBc5HrM044&pbx=1&bav=on.2,or.r_cp.r_qf.&fp=7a7df774b6cab2ce&biw=1360&bih=598

[Angela]

в гугле искать религия не позволяет?

https://www.google.r...iw=1360&bih=598

rus, я все валидно и семантически правильно в вопросе написала... Для понятливых пользователей и непонятливых модеров. Не хотите помогать не надо, но и вые.... ся тоже смысла не имеет.

P/S Не была здесь наверное полтора года, дизайн сменили, а ответы в стиле sorrow которому я тоже неоднократно писала про охуе...ое занудство и понты.

[rus]

Angela, хорошо, приведите пожалуйста пример не правильного с вашей точки зрения мануала по jq, что бы понять вообще о чем вы.

И пожалуйста, не используйте завуалированный мат, это не приятно читать, тем более у вас указано что вы девушка.

[wwt]

https://www.google.r...uery на русском

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

Edited April 30, 2013 by wwt

[rus]

wwt, ни разу не очевидно! ибо переводов в интернете много и не факт что с точки зрения Angela они правильные, а ты как раз указал ссылку в гугл на переводы.

По моей ссылке, так же первый в списке сайт с русской документацией, как и по твоей.

[nerv]

а если мне нужно будет, чтобы при наведении курсора картинка еще немного "шевелилась"? Мне тоже в стилях все понапрописывать?

ну да. Сейчас в css можно анимации/трансформации делать, широкий простор для творчества.

[wwt]

wwt, ни разу не очевидно! ибо переводов в интернете много и не факт что с точки зрения Angela они правильные, а ты как раз указал ссылку в гугл на переводы.

По моей ссылке, так же первый в списке сайт с русской документацией, как и по твоей.

Да вопрос правильности и очевидности сложная вещь ))

Вспомнилось откуда-то: "Правда у каждого своя, а истина одна на всех" =))

[Angela]

Angela, хорошо, приведите пожалуйста пример не правильного с вашей точки зрения мануала по jq, что бы понять вообще о чем вы.

Вот пожалуйста это статья написана как руководство к действию, а не как переведенный справочник.

И пожалуйста, не используйте завуалированный мат, это не приятно читать, тем более у вас указано что вы девушка.

Я не нарушаю правила, меня бесит чье бы то ни было задроство и занудство и вообще это сейчас модно

P/S rus Перепостите последнюю ссылку sorrow он обязательно должен это послушать и добавьте мое любимое: "айм сорри сорров!"

[wwt]

меня бесит чье бы то ни было задроство и занудство

Только люди не являющиеся IT специалистами частенько видят в айтишниках задротов и зануд. Вы уж простите но тяжело вам будет ))

ЗЫ Кстати сказать 50% из них и правда зануды и задроты

[mishka]

PP/S Такие талмуды читать нет времени

Помогать ленивым нет желания и времени.

[nerv]

Помогать ленивым нет желания и времени

зря вы так. Я помогаю. В разделе работа

[s0rr0w]

P/S Не была здесь наверное полтора года, дизайн сменили, а ответы в стиле sorrow которому я тоже неоднократно писала про охуе...ое занудство и понты.

Я все слышу...

[max2012]

Да что ж это вы!Благодаря CSS3 можно создавать анимационные эффекты без единой строчки Js кода,правда не все браузеры это поддерживают.А знаете из-за чего всё?Из-за IE.Но это уже совсем другая история...

Здравствуйте уважаемые форумчане!

Есть небольшие иконки (ч/б) с изображением контактов и такие же цветные. Нужно чтобы при наведении курсора мыши на иконку одно изображение, заменялось другим.

Реализовать наверное проще на jQuery (предполагаю) ну на css точно не нужно )

P/S Сайт работает на Joomla 2.5

А понту,какая у вас CMS!Должно быть вы создаёте говносайты на фрилансе ?Спросите у ребят на сайте Ильи Кантора,что можно реализовать с помощью CSS ,а что с помощью js http://learn.javascr...t.ru/css-sprite

Edited April 30, 2013 by max2012

[max2012]

Да что ж это вы!Благодаря CSS3 можно создавать анимационные эффекты без единой строчки Js кода,правда не все браузеры это поддерживают.А знаете из-за чего всё?Из-за IE.Но это уже совсем другая история...

Здравствуйте уважаемые форумчане!

Есть небольшие иконки (ч/б) с изображением контактов и такие же цветные. Нужно чтобы при наведении курсора мыши на иконку одно изображение, заменялось другим.

Реализовать наверное проще на jQuery (предполагаю) ну на css точно не нужно )

P/S Сайт работает на Joomla 2.5

А понту,какая у вас CMS?Должно быть вы создаёте говносайты на фрилансе ?Спросите у ребят на сайте Ильи Кантора,что можно реализовать с помощью CSS ,а что с помощью js http://learn.javascr...t.ru/css-sprite

а понту,что вы меня минусуете - сказал всё по существу,вот только будет стыдно тому,кто минусует!

[deadrash]

а понту,что вы меня минусуете - сказал всё по существу,вот только будет стыдно тому,кто минусует!

Скорей всего из-за "говносайты". Не любят здесь грубости, можно было по другому выразиться.

[wwt]

а понту,что вы меня минусуете - сказал всё по существу,вот только будет стыдно тому,кто минусует!

Скорей всего из-за "говносайты". Не любят здесь грубости, можно было по другому выразиться.

Вот вот. Этот форум не только для профессионалов. Сюда приходят и люди только начинающие, и кто сможет сказать что у них получится через 5-10 лет? Все когда-то начинали и у всех были кривущие сайты с кучей всякого Г )))) Не хорошо изгаляться над неопытностью и малыми знаниями.