0

更新問題が発生しました。

リンクでは「にもかかわらず」を使用していたので、これはすべて問題を引き起こしていたので、次のようなものを追加する必要があります

'<div style="float:left; padding:0px 10px 5px 0px;"><a expr:href='data:post.url'><img src="' + img[0].src + '" width="218px" height="170px"/></a></div>'

" ' がコードに影響を与えないようにするために今すべきこと

私はJavaScriptを持っています

function createSummaryAndThumb(pID) {
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = 0;
    if (img.length >= 1) {
        imgtag = '<div style="float:left; padding:0px 10px 5px 0px;"><img src="' + img[0].src + '" width="218px" height="170px"/></div>';
        summ = 0;
    }
    var summary = imgtag;
    div.innerHTML = summary;
}

私のサイトの1つの画像を生成します。作成した画像へのリンクを追加したいのですが、追加します

<a href="url"><div style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="218px" height="170px"/></div></a>

また

<div style="float:left; padding:0px 10px 5px 0px;"><a href="url"><img src="'+img[0].src+'" width="218px" height="170px"/></a></div>

動作しません。それはコードを台無しにします。

4

2 に答える 2

0

または、Div more & pure JS を使用できます

http://jsfiddle.net/pePDN/5/ 

  var a=document.createElement('a');
  a.href='http://www.google.com';
  var image = document.getElementById('myImage').getElementsByTagName('img')[0];
  b=a.appendChild(image);
  document.getElementById('myImage').appendChild(a);
于 2013-08-09T11:02:54.100 に答える
0

JQuery を使用wrap()して画像をアンカーでラップすることができます。

デモ

<img id="myImage"
  src="http://placehold.it/250x150/00ffcc&text=FooBar"
  title="This is my image" />

var createSummaryThumb = function (elementId) {
    var link = $('<a />').attr('href', $(elementId).attr('src'));
    $(elementId).wrap(link);
}

createSummaryThumb('#myImage');
于 2013-08-09T09:15:12.570 に答える