2013-08-09 2 views
0

ОБНОВЛЕНИЕ У меня возникла проблема.Добавление ссылки на изображение в Javascript

в ссылке, которую я использовал «несмотра на„так все это создавали проблему хорошо я должен добавить что-то вроде

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

которая производит изображение для одного моего сайта. Теперь я хочу, чтобы добавить ссылку на изображение производства, но при добавлении

<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> 

не работает. Это противоречит коду.

+0

Пробовал заменить '' div' в Ā'? Вы создадите ссылку из контейнера. – M1K1O

+0

Это должно сработать, как выглядит искаженный результат? – Raidri

+0

@ M1K1O Проверял все параметры, чтобы ничего не оставалось, что я не пробовал: P –

ответ

0

Вы можете попробовать и использовать JQuery's wrap(), чтобы обернуть ваше изображение в якорь.

Demo

<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'); 
0

или вы можете использовать Div более & чистый 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); 
Смежные вопросы