Смена картинки при наведении

@ProstoMad · Регистрация: 30.06.2010

Студворк — интернет-сервис помощи студентам

У меня есть две картинки, одна копия второй только чёрнобелая.
мне надо, чтобы при наведении, чёлнобелая картинка менялась на оригинал.
одна называется img1.png вторая img.png

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(".followme img").hover(
    function()
    {
        var q=$(this).src;
        var newsrc="";
        q1=q.lenght-4;
        for(var i=0;i<q1;i++)
        {
            newsrc=newsrc+q[i];
        }
        $(this).src=newsrc+"1.png";
    },
    function()
    {
        var q=$(this).src;
        var newsrc="";
        q1=q.lenght-5;
        for(var i=0;i<q1;i++)
        {
            newsrc=newsrc+q[i];
        }
        $(this).src=newsrc+".png";
    })

@Xander Bass · 08.07.2011, 08:54

Как вариант:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$('.followme').find('img').each(function(){
 var _on = $(this).attr('src');
 var _tn = new RegExp('^(\w+)\.(\w{2,4})$','ig');
 var _bn = _on.replace(_tn,"$1_bw.$2");
 $(this).data('original',_on);
 $(this).data('bwhite',_bn);
 $(this).attr('src',_bn);
 $(this).hover(function(){
  $(this).attr('src',$(this).data('original'));
 },function(){
  $(this).attr('src',$(this).data('bwhite'));
 });
});

Кстати, этот алгоритм универсален по части имён. Подходит к любому рисунку. Достаточно чёрно-белым копиям дать имена, соответствующие оригинальным+_bw.

@ProstoMad · 08.07.2011, 10:56 **[ТС]**

чё означает 3-5 строки?
и если ты где-то нашёл, можешь кинуть ссылку в личку? там наверняка подробно расписанно всё это)

@LeD4eG · 09.07.2011, 20:51

в строке 3 речь идёт о регулярных выражениях.
в строке 4 - о шаблонах в регулярных выражениях....

Новые блоги и статьи Все статьи Все блоги /
Реализация Domain-Driven Design с Java Javaican 20.05.2025 DDD — это настоящий спасательный круг для проектов со сложной бизнес-логикой. Подход, предложенный Эриком Эвансом, позволяет создавать элегантные решения, которые точно отражают реальную предметную. . .	Возможности и нововведения C# 14 stackOverflow 20.05.2025 Выход версии C# 14, который ожидается вместе с . NET 10, приносит ряд интересных нововведений, действительно упрощающих жизнь разработчиков. Вы уже хотите опробовать эти новшества? Не проблема! Просто. . .	Собеседование по Node.js - вопросы и ответы Reangularity 20.05.2025 Каждому разработчику рано или поздно приходится сталкиватся с техническими собеседованиями - этим стрессовым испытанием, где решается судьба карьерного роста и зарплатных ожиданий. В этой статье я. . .	Cython и C (СИ) расширения Python для максимальной производительности py-thonny 20.05.2025 Python невероятно дружелюбен к начинающим и одновременно мощный для профи. Но стоит лишь заикнуться о высокопроизводительных вычислениях — и энтузиазм быстро улетучивается. Да, Питон медлительнее. . .	Безопасное программирование в Java и предотвращение уязвимостей (SQL-инъекции, XSS и др.) Javaican 19.05.2025 Самые распространёные векторы атак на Java-приложения за последний год выглядят как классический "топ-3 хакерских фаворитов": SQL-инъекции (31%), межсайтовый скриптинг или XSS (28%) и CSRF-атаки. . .
Введение в Q# - язык квантовых вычислений от Microsoft EggHead 19.05.2025 Microsoft вошла в гонку технологических гигантов с собственным языком программирования Q#, специально созданным для разработки квантовых алгоритмов. Но прежде чем погружаться в синтаксические дебри. . .	Безопасность Kubernetes с Falco и обнаружение вторжений Mr. Docker 18.05.2025 Переход организаций к микросервисной архитектуре и контейнерным технологиям сопровождается лавинообразным ростом векторов атак — от тривиальных попыток взлома до многоступенчатых кибератак, способных. . .	Аугментация изображений с Python AI_Generated 18.05.2025 Собрать достаточно большой датасет для обучения нейронной сети — та ещё головная боль. Часами вручную размечать картинки, скармливать их ненасытным алгоритмам и молиться, чтобы модель не сдулась при. . .	Исключения в Java: советы, примеры кода и многое другое Javaican 18.05.2025 Исключения — это объекты, созданные когда программа сталкивается с непредвиденной ситуацией: файл не найден, сетевое соединение разорвано, деление на ноль. . . Список можно продолжать до бесконечности. . . .	Как сделать SSO (Single Sign-On) в C# приложении stackOverflow 18.05.2025 SSO — это механизм, позволяющий пользователю пройти аутентификацию один раз и получить доступ к нескольким приложениям без повторного ввода учетных данных. Вы наверняка сталкивались с ним, когда. . .

@ProstoMad 50 / 40 / 5 Регистрация: 30.06.2010 Сообщений: 1,191
	08.07.2011, 10:56 [ТС]
	чё означает 3-5 строки? и если ты где-то нашёл, можешь кинуть ссылку в личку? там наверняка подробно расписанно всё это) 0

@LeD4eG 14 / 14 / 0 Регистрация: 29.09.2009 Сообщений: 79
	09.07.2011, 20:51
	в строке 3 речь идёт о регулярных выражениях. в строке 4 - о шаблонах в регулярных выражениях.... 0

Опции темы