圖像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'); by $('#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

問題是相對網址 - 這對我來說也是一個挑戰

試試這些

$('#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 。