0

画像を外部リンクにリンクしたいのですが、それは .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});
}
4

2 に答える 2

0

<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});

ただし..作成した画像をドキュメントに追加する他のコードもあるといいのですが..

于 2013-02-16T18:40:34.997 に答える
0 
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

于 2013-02-16T18:36:47.313 に答える