Слайдер контента jQuery с относительными ссылками - PullRequest
Новая
       34

Слайдер контента jQuery с относительными ссылками

3 голосов
/ 05 сентября 2011

У меня есть ранее работающий веб-сайт, который использует небольшой скрипт jQuery для запуска изображения со слайдом содержимого класса, чтобы анимировать его при наведении курсора и отображать содержимое, содержащее контент при нажатии, и скрывать при повторном нажатии, и т. Д. мои главные страницы (пример: index.html), но не работает на страницах моего подкаталога (пример: subdir/code/howcssworks.html), и я предполагаю, что это из-за того, что относительные пути ссылок больше не работают.

Вот скрипт jQuery. 

$(document).ready(function() { 

var slideState = "closed";

$('div.content').hide();

$('img.contentslide').click(function() {
    $('div.content').toggle(1500,function() {
        if (jQuery.browser.msie) {                          // Lines 15-17 = special treatment for IE, because of  
            this.style.removeAttribute('filter');           // lack of support for ClearType font rendering on items
        }                                                   // being toggled in jQuery.
    });
        if (slideState == 'closed') {
            $('img.contentslide').attr('src','images/website/hidecontentstd.png');
            slideState = "open";    

        } else {
            $('img.contentslide').attr('src','images/website/showcontentstd.png');
            slideState = "closed";
        }
});

$('img.contentslide').hover( function() {
    if (slideState == 'closed') {
        $( this ).attr('src','images/website/showcontenthvr.png');

    } else {
        $( this ).attr('src','images/website/hidecontenthvr.png');
    }
},
function() {
    if (slideState == 'open') {
        $( this ).attr('src','images/website/hidecontentstd.png');

    } else {
        $( this ).attr('src','images/website/showcontentstd.png');
    }
}
);

return false;   // If JS is disabled - show extra content automatically 

});

У меня вопрос: как я могу изменить относительные пути ссылки в скрипте jQuery, чтобы он правильно работал как для главных страниц, так и для подстраниц моего сайта?

1 Ответ

0 голосов
/ 05 сентября 2011

Вместо ссылки, подобной этой: 

images/website/hidecontentstd.png

Вам нужно это: 

/images/website/hidecontentstd.png

Это предполагает, что ваша папка images имеет значение yoursite.com/images

...