Сломался скрипт замены картинки

Runapa

Постоялец
Регистрация
30 Окт 2010
Сообщения
63
Реакции
5
Написал небольшой скрипт, который заменяет картинку по маске при наведении на неё курсором.

Код:
$(document).ready(function(){
                    $(".menu_image")
                        .mouseover(function() {
                            var src1 = $(this).attr('src');
                            if (src1.indexOf('_ov') + 1) {
                                src1 = $(this).attr('src');
                                src2 = 1;
                            }else{
                                var src = $(this).attr('src').match(/[^\.]+/) + "_ov.jpg";
                                $(this).attr("src", src);
                                src2 = 0;
                            }
                        })
                        .mouseout(function() {
                            if(src2 == 1){
                                var src = $(this).attr("src");
                                src2 = 0;
                            }else{
                                var src = $(this).attr("src").replace("_ov.jpg", ".jpg");
                                $(this).attr("src", src);
                            }

                        });
                });

Трудность в том, что на денвере скрипт работает, а на серваке - нет. Опытным путём установил что скрипт не получает путь к картинке. То есть $(this).attr("src"); пустой почему-то. Хотя картинки загружаются.
Что это может быть ?
 
Кусок с изображением можно из html? может путь не совпадает.
Я бы посоветовал сделать rel или content с полной ссылкой на изображение при выводе на сайте и потом уже значение не
src брать а с rel или content.
 
Проверь пути к библиотекам JQuery и др
 
Пути совпадают.
Путь к картинке берется из базы. Собственно картинка загружается норм. А вот при наведении мыши пути уже не прописываются.

Я бы посоветовал сделать rel или content с полной ссылкой на изображение при выводе на сайте и потом уже значение не
src брать а с rel или content.

А можно подробней ?
 
Пути совпадают.
Путь к картинке берется из базы. Собственно картинка загружается норм. А вот при наведении мыши пути уже не прописываются.
Отлаживать js пробовал?
var src1 = $(this).attr('src'); строка выполняется?
Также возможны конфликты с mootools, у меня такое было.
 
Отлаживать js пробовал?
var src1 = $(this).attr('src'); строка выполняется?

Ну он вместо пути к картинке выдаёт Для просмотра ссылки Войди или Зарегистрируйся
Когда мышку уберешь, путь становится Для просмотра ссылки Войди или Зарегистрируйся
А про mootools сейчас читать буду.

и да - Для просмотра ссылки Войди или Зарегистрируйся, где не работает.
 
Ну он вместо пути к картинке выдаёт Для просмотра ссылки Войди или Зарегистрируйся
Когда мышку уберешь, путь становится Для просмотра ссылки Войди или Зарегистрируйся
А про mootools сейчас читать буду.

и да - Для просмотра ссылки Войди или Зарегистрируйся, где не работает.

Пути к картинкам проверь Для просмотра ссылки Войди или Зарегистрируйся и Для просмотра ссылки Войди или Зарегистрируйся этих картинок не существует)
Значит имена файлов формируются неправильно.
 
Последнее редактирование:
Пути к картинкам проверь Для просмотра ссылки Войди или Зарегистрируйся и Для просмотра ссылки Войди или Зарегистрируйся этих картинок не существует)
Значит имена файлов формируются неправильно.

Ну вот в приложении я пример привел. Как бы те пути что я привел - это результат работы скрипта.
 

Вложения

  • 111.png
    111.png
    24,3 KB · Просмотры: 8
А вообще для данного случая(имхо) лучше обойтись без js. А сделать не img, а div с требуемым фоном. И в css при наведении мышки(псевдо-класс :hover) менять картинки.
 
Последнее редактирование:
Не знаю зачем тебе поиски по маске и прочее, но я бы сделал так
Это конечно не совсем правильное решение, так как находится первое "_ov"
А вообще для данного случая(имхо) лучше обойтись без js. А сделать не img, а div с требуемым фоном. И в css при наведении мышки(псевдо-класс :hover) менять картинки.

А как обойтись одним классом ?
 
Назад
Сверху