gpt4 book ai didi

带有相关链接的 jQuery 内容 slider

转载 作者:太空宇宙 更新时间:2023-11-04 13:25:54 27 4
gpt4 key购买 nike

我有一个以前工作的网站,它使用一个小的 jQuery 脚本来触发带有类内容幻灯片的图像,以便在滚动时设置动画并在单击时显示包含内容的 div 并在再次单击时隐藏等等,这在我的主页(例如: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 脚本中的相对链接路径,以便它在我网站的主页和子页面上都能正常工作?

最佳答案

而不是像这样的链接:

images/website/hidecontentstd.png

你需要这个:

/images/website/hidecontentstd.png

假设您的 images 文件夹位于 yoursite.com/images

关于带有相关链接的 jQuery 内容 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7303286/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com