javascript - 图像 src 在 jquery 中不起作用

Question

我有一个功能，

function showimage(a)
    {
        $("#lightboxholder").show("fast");
        $('#lightboximage').attr('src', 'images/demo/190x90.gif');
    }

当我去 localhost/svce 并在gallery.php中查看时，它没有显示图像，但是如果我更换它$('#lightboximage').attr('src', 'images/demo/190x90.gif');，$('#lightboximage').attr('src', 'http://localhost/svce/images/demo/190x90.gif'); 它会显示图像，对不起我的英语不好，谢谢

Answer 1

尝试

function showimage(a)
{
       $("#lightboxholder").show("fast");
       $('#lightboximage').attr('src', '../images/demo/190x90.gif');
}

注意图像/演示之前的“/”....

Answer 2

问题是相对 url - 这对我来说也总是一个挑战

试试这些

$('#lightboximage').attr('src', '../images/demo/190x90.gif');

或者

$('#lightboximage').attr('src', '../../images/demo/190x90.gif');

当你从一个页面移动到另一个页面时，相对 url 会改变，但绝对不会

Answer 3

您正在将 更改src为相对 URL。所以如果你的当前页面是http://localhost/foo/bar，浏览器会尝试在http://localhost/foo/bar/images/demo/190x90.gif. 使用绝对 URL，例如/svce/images/demo/190x90.gif.