JavaScript Help me to auto replace and display image hosted in Google Drive

[hoanghacn]

I have an id "content", it contains many images Google Drive URLs. So, I have match all URLs and replace them with clickable link.

Here is my code

$(document).ready(function(){
function replace_content(content)
{
var exp_match = /(\b(https?|):\/\/drive\.google\.com\/[-A-Z0-9+&@#\/%?=~|!:,.;]*[-A-Z0-9+&@#\/%=~|])/ig;;
var element_content=content.replace(exp_match, "<a href='$1'>$1</a>");
return element_content;
}

var content = $('#content').html();
$('#content').html(replace_content(content));

Here is my results

Rao Vặt Miễn Phí Cần Thơ

RaoVatCanTho.Com đăng tin rao vặt miễn phí, tuyển dụng việc làm đăng tin nhà đất miễn phí. Trang mua bán rao vặt Cần Thơ không cần đăng ký tài khoản

www.nhadatcantho.net

Now I want to replace all of Urls into image automatic and can display as images I uploaded directly.

Rao Vặt Miễn Phí Cần Thơ

RaoVatCanTho.Com đăng tin rao vặt miễn phí, tuyển dụng việc làm đăng tin nhà đất miễn phí. Trang mua bán rao vặt Cần Thơ không cần đăng ký tài khoản

www.nhadatcantho.net

I hope my question will be answered. Auto display all images hosted in Google Drive in the id "content"

 

[Antero360]

I have an id "content", it contains many images Google Drive URLs. So, I have match all URLs and replace them with clickable link.

Here is my code

$(document).ready(function(){
function replace_content(content)
{
var exp_match = /(\b(https?|):\/\/drive\.google\.com\/[-A-Z0-9+&@#\/%?=~|!:,.;]*[-A-Z0-9+&@#\/%=~|])/ig;;
var element_content=content.replace(exp_match, "<a href='$1'>$1</a>");
return element_content;
}

var content = $('#content').html();
$('#content').html(replace_content(content));

Here is my results

Rao Vặt Miễn Phí Cần Thơ

RaoVatCanTho.Com đăng tin rao vặt miễn phí, tuyển dụng việc làm đăng tin nhà đất miễn phí. Trang mua bán rao vặt Cần Thơ không cần đăng ký tài khoản

www.nhadatcantho.net

Now I want to replace all of Urls into image automatic and can display as images I uploaded directly.

Rao Vặt Miễn Phí Cần Thơ

RaoVatCanTho.Com đăng tin rao vặt miễn phí, tuyển dụng việc làm đăng tin nhà đất miễn phí. Trang mua bán rao vặt Cần Thơ không cần đăng ký tài khoản

www.nhadatcantho.net

I hope my question will be answered. Auto display all images hosted in Google Drive in the id "content"

Hi there,
Just for my own clarity, you have some file uploaded on your google drive, which you are displaying in your html, and you want to change the image that is being displayed when you show the file, is that correct?

 

[hoanghacn]

Thanks alot, I have resolved my problem. You can see that at this post (which images hosted in Google Drive)

Rao Vặt Miễn Phí Cần Thơ

RaoVatCanTho.Com đăng tin rao vặt miễn phí, tuyển dụng việc làm đăng tin nhà đất miễn phí. Trang mua bán rao vặt Cần Thơ không cần đăng ký tài khoản

www.nhadatcantho.net

 

[Antero360]

Thanks alot, I have resolved my problem. You can see that at this post (which images hosted in Google Drive)

Rao Vặt Miễn Phí Cần Thơ

RaoVatCanTho.Com đăng tin rao vặt miễn phí, tuyển dụng việc làm đăng tin nhà đất miễn phí. Trang mua bán rao vặt Cần Thơ không cần đăng ký tài khoản

www.nhadatcantho.net

is that a blog site, or your own personal site?

 

[hoanghacn]

Blogspot site, Sorry I am vietnamese and my English is not well.