如何创建可嵌入图像

发布于 2024-10-22 06:54:45 字数 453 浏览 2 评论 0原文

我正在开发一个网站，鼓励其他博主拍摄图像并将其发布在他们的博客中。或多或少的广告。我希望能够开发一个包含一系列图像的页面，其下方有嵌入代码，以便用户可以复制 html 嵌入代码并将其粘贴到他们的文件中。

通常，我只会发送图像，或为用户提供实际的图像链接（例如： http://sitenamehere .com/images/ad.jpg ），但我认为有一种更好的方法可以让网站访问者安全地将内容从我的网站嵌入到他们的网站中。在这种情况下，它只是可嵌入的 gif 或 jpg。有没有什么很棒的工具或服务可以帮助解决这个问题？

经审查，这似乎是一个愚蠢的问题，因为一个简单的图像路径就足够了......但也许有一些工具可以生成文本区域，并在其中预先插入代码以便于复制/粘贴......有什么建议吗？鼓励 Jquery 解决方案！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

想念有你 2024-10-29 06:54:45

您可以使用 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
})

或类似的操作来向用户显示嵌入 url :-)

you can do something using a jquery dialog:

$('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
})

or something like that to display the embed url to your users :-)

回复收藏 0 原文

青衫负雪 2024-10-29 06:54:45

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

将您的图像指定为“广告”类别，然后就完成了！
您将得到一个带有值的小输入字段：

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

give your images the class 'advertisements' and you're done!
You will get a small inputfield with value:
<a href="YOURSITE"><img src="THE SRC OF THE IMG" alt="SITENAME"></a>

回复收藏 0 原文

~没有更多了~