plugin open link IMgur images

[DownPW]

hi @phenomlab

I open this thread in NodeBB comunauty
https://community.nodebb.org/topic/748/nodebb-plugin-imgur-imgur-plugin/87

I use the Imgur plugin to not host the files on the server.
When we open an image, the plugin open directly the image on imgur in a new tab.

Do you think it would be possible to open the images via fancybox or the internal NodeBB file reader via Javascript with the plugin activated?

thanks

[phenomlab]

@DownPW Not easy, because the IMGUR image is in a remote location not hosted by the forum itself. Not “impossible”, but a lot of effort.

[phenomlab]

@DownPW I’ve just tested this, and it does actually work with Fancybox. See here for an example.

This is an IMGUR based image, using the URL

https://i.imgur.com/S0e4vwl.png

The image is remote of course, but is still detected by Fancybox, and hence handled locally.

[DownPW]

@phenomlab

Sorry for my late reply mark, I’m on vacation

@phenomlab said in plugin open link IMgur images:

@DownPW I’ve just tested this, and it does actually work with Fancybox. See here for an example.

This is an IMGUR based image, using the URL

https://i.imgur.com/S0e4vwl.png

The image is remote of course, but is still detected by Fancybox, and hence handled locally.

ha yes !! How it works ?

---

I have installed Fancybox on the server like you explain.

I just noticed the following :

The imgur plugin adds a description to the image in the following way:

![2a8646cc-9eb6-4274-a767-b129d51a1019-image.png](https://i.imgur.com/TAA1hi4.png)

and this opens the image link in a new tab directly on imgur externally

If I delete this description like this:

![](https://i.imgur.com/TAA1hi4.png)

The image opens fine in Fancybox on the server

[phenomlab]

@DownPW there’s a couple of options here. Either you could change the way the existing plugin works and remove the description field (meaning your also have to fork the extension and maintain it yourself) or you could write a relatively simple jQuery function that uses a regex to remove the value between the [] symbols, which would then mean three image would be rendered in Fancybox as desired, but still give you the ability to upload to Imgur.

The downsides with this approach are that with multiple images, performance could be an issue, along with the regex function itself being a little too gratuitous and over reacting against other images on the page where a description is present.

Certainly not beyond the realms of possibility, but performance is one area I’d be concerned with.

[DownPW]

Hmm ok
And you, what do you do for your result ?

[phenomlab]

@DownPW not sure what you mean. Can you elaborate ?