Question

想要将图像链接到外部链接，我会说它是在.wrap中，但似乎无法开始工作。我已经检查了大部分问题，但我尝试的一切都无济于事。

var photos = [
{ file: 'image1.png', tag: 'search', href: 'http://www.googl.com'},
{ file: 'image2.png', tag: 'search', href: 'http://www.bing.com'},
{ file: 'image3.png', tag: 'search', href: 'http://www.yahoo.com' }
];

var photoCount = photos.length;
var pageItems = [];
for (var i = 0; i < photoCount; i++) {
    if (photos[i].tag != tag && tag != 'all') {
        continue;
    }
    var img = $('<img></img>')
    .attr('src', 'static/images/tv/' + photos[i].file)
    .addClass('slider-photo');
    pageItems.push({item: img,caption: descDiv});
}

Answer 1

var photos = [
    { file: 'image1.png', tag: 'search', href: 'http://www.googl.com'},
    { file: 'image2.png', tag: 'search', href: 'http://www.bing.com'},
    { file: 'image3.png', tag: 'search', href: 'http://www.yahoo.com' }
];

$.each(photos,function(k,v){
    $('<img />')
        .attr('src', '../static/images/tv/' + v.file)
        .addClass('slider-photo')
        .append('body')
        .click(function(){
            document.location.href = v.href;
        })
})

http://codepen.io/anon/pen/npsAz

Answer 2

只需在其周围添加<a>标记..

 var img = $('<img></img>')
.attr('src', 'static/images/tv/' + photos[i].file)
.addClass('slider-photo');
var finalOutput='<a href="externallink">'+img+'<a>'; //<-----here
pageItems.push({item: finalOutput,caption: descDiv});

然而..希望你也有一些其他的代码，将创建的图像附加到文档中..

如何为图像添加外部链接？

2 个答案: