Question

我正在尝试将不在我们服务器上的图像源附加到引用和外部服务器。特别是这第4行。

我需要这个来引用外部服务器而不是默认的默认服务器。和建议？

＆＃13;

$(document).ready(function() {
    $('#thumbs ul li').click(function() {
        var imgpath = $(this).attr('dir');
        $('#image').html('<img src=' + imgpath + '>');
    });
    $('.btn').click(function() {
        $('#thumbs').fadeIn(500);
        $('#image').animate({
            marginTop: '10px'
        }, 200);
        $(this).hide();
        $('#hide').fadeIn('slow');
    });
    $('#hide').click(function() {
        $('#thumbs').fadeOut(500, function() {
            $('#image').animate({
                marginTop: '50px'
            }, 200);
        });
        $(this).hide();
        $('#show').fadeIn('slow');
    });
});

＆＃13;

Answer 1

img标记中的src属性是不加引号的。试试这个：

$('#image').html('<img src="' + imgpath + '">');

Answer 2

我意识到自己的错误，我朝着不同的方向前进。而是创建一个名为“linkpath”的新变量并附加图像源。

var imgpath = $(this).attr('dir');
var linkpath = "http://www.website.com";
$('#image').html('<img src=' + linkpath + / + imgpath + '>');

Javascript在图像源中附加URL

2 个答案: