Javascript append URL in image source

Question

I am attempting to append an image source which does not reside on our server to reference and external server. Specifically this 4th line.

image of 4th line of code

I need this to reference an external server and not default to my default server. And suggestions?

$(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');
    });
});

jedifans · Accepted Answer · 2016-08-24 21:39:09Z

1

The src attribute in your img tag is unquoted. Try this:

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

answered Aug 24, 2016 at 21:39

jedifans

2,2971 gold badge13 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user3406451 · Accepted Answer · 2016-08-24 21:52:05Z

0

I realized my mistake, I went in a different direction. Instead creating a new variable called "linkpath" and append the image source.

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

answered Aug 24, 2016 at 21:52

user3406451

11 bronze badge

Collectives™ on Stack Overflow

Javascript append URL in image source

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related