如何創建可嵌入的圖像

我正在開發一個網站，鼓勵其他博客拍攝圖像並將其張貼在他們的博客中。或多或少的廣告。我希望能夠開發一系列具有嵌入代碼的圖像，以便用戶可以複製HTML嵌入代碼並將其粘貼到文件中。如何創建可嵌入的圖像

通常情況下，我只是發送圖像或爲用戶提供實際圖像鏈接（例如：http://sitenamehere.com/images/ad.jpg），但我認爲讓網站訪問者安全地將網站內容嵌入他們的網站會更好。在這種情況下，它只是可嵌入的gif或jpgs。有沒有很棒的工具或服務可以幫助解決這個問題？

經審查，這似乎是一個愚蠢的問題，因爲一個簡單的圖片路徑就足夠了......但或許是生成預插在他們方便的複製/粘貼代碼的textareas工具...有什麼建議？鼓勵Jquery解決方案！

來源

2011-03-15 JCHASE11

$(document).ready(function() { 
    $('img.advertisements').each(function() { 
     $('<input type="text"></input>').val('<a href="YOURSITE"><img src="'+$(this).attr('src')+'" alt="SITENAME"></a>').bind('click', function() { 
      $(this).focus(); 
     }).insertAfter($(this)); 
    }); 
});

給你的圖片類「廣告」你完成了！你會得到一個小的inputfield值： <a href="YOURSITE"><img src="THE SRC OF THE IMG" alt="SITENAME"></a>

來源

2011-03-15 21:24:10 rsplak

您可以使用jQuery的對話做一些事情：

$('img').click(function(){ 
    var htmlText = 'To embed use url: '+$(this).attr('src'); 
    $('<div>').dialog({ 
     modal: true, 
     beforeClose: function(){ $(this).remove(); } 
    }).html(htmlText); 
}).hover(function(){ 
    //use some tooltip to show that you can click to see embed 
})

或類似的東西，以顯示嵌入網址在您的用戶:-)

來源

2011-03-15 21:18:57 Neal

偉大的解決方案，喜歡它。 – JCHASE11 2011-03-15 21:31:27

大聲笑，爲什麼我不是第一名:-嘿嘿（它的好） – Neal 2011-03-15 21:47:19

哈哈，只因爲我不需要作爲一個解決方案的優雅。 rsplak的解決方案非常完美。 – JCHASE11 2011-03-15 21:48:18

如何創建可嵌入的圖像

回答

相關問題