direct link image

Hello. I would like that when clicking on an image in the topic, this image opens via a direct link, and not the servimg site. that is, a new tab was opened with the image itself stored

Dear @poesia-verses

that depends on what format you use when you insert the image from serving


The best solution if you don't want the servimg page to view the image is to use the first link provided when the image is uploaded (for example

Code: https://i36.servimg.com/u/f36/18/00/81/97/scree131.png

), and then manually place it with the IMG BBCode:

Code:

[img]https://i36.servimg.com/u/f36/18/00/81/97/scree131.png[/img]

If you use the second or the third option, you will get the image BBcode wrapped in the servimg link:

Code:

[url=https://servimg.com/view/18008197/1651][img]https://i36.servimg.com/u/f36/18/00/81/97/scree131.png[/img][/url]

If you want to open the image, even if you can already see the image in the forum, you may replace it in this way, making the

Code: URL=

match the image link

Code:

[url=https://i36.servimg.com/u/f36/18/00/81/97/scree131.png][img]https://i36.servimg.com/u/f36/18/00/81/97/scree131.png[/img][/url]

Another solution may be to use javascript resources like the following:
https://help.forumotion.com/t115826-add-a-lightbox-effect-to-the-images-of-the-forum

@Niko javascript is not working, nothing has changed. I need images inserted with the INSERT button to open in a new window via a direct link, because they are reduced on servimg, but on the forum they open in a new forum window - there is not enough forum width, I will not increase the width

Niko wrote:If you want to open the image, [...] you may replace it in this way, making the

Code: URL=

match the image link

Code:

[url=https://i36.servimg.com/u/f36/18/00/81/97/scree131.png][img]https://i36.servimg.com/u/f36/18/00/81/97/scree131.png[/img][/url]

@poesia-verses sadly it is not possible to customize the servimg popup of editor, you manually need to do what I quoted above

@Niko your script is not working, Maybe the admins will increase the view of the image on servimg? so that the full size is

I highly doubt they will, as it might correct your issue ,but would create other issues for other users. You can make a suggestion in the SUGGESTION Section.

hello

if your request is completed/answered, please mark it as Solved.

poesia-verses wrote: @Niko your script is not working, Maybe the admins will increase the view of the image on servimg? so that the full size is

There is no script, is the formatting with BBCodes:

Niko wrote:If you want to open the image, [...] you may replace it in this way, making the

Code: URL=

match the image link

Code:

[url=https://i36.servimg.com/u/f36/18/00/81/97/scree131.png][img]https://i36.servimg.com/u/f36/18/00/81/97/scree131.png[/img][/url]

I would still like to see more. you can add a third link above the image - view in a new window

Can you be more clear? I am afraid I cannot understand your question

You want the image to appear in a new tab when you click on without using bbcode url ?

Code:

[url=https://i36.servimg.com/u/f36/18/00/81/97/scree131.png]

add a ? mark after the jpg or png or whatever...

[url=https://i.servimg.com/u/f36/18/00/81/97/scree131.png?]

https://coco.forumsclub.ru/viewtopic.php?id=1
example

+/-

when hovering over, a "plus" appears - clicked and increased, then clicked - returned

for the image to be enlarged it depends on what you set the dimensions for images in the admin panel and if the image uploaded or posted is larger. If an image is smaller, it will not have those links.

poesia-verses wrote:https://coco.forumsclub.ru/viewtopic.php?id=1
example

+/-

when hovering over, a "plus" appears - clicked and increased, then clicked - returned

If you go to ACP > General > Messages and emails > Configuration, this is the field that @skouliki was referring to:


This will automatically add a bar on top of images, that will be resized if the dimensions are bigger than the provided ones (see on top "enlarge this image" and "click to see fullsize")

ok, since you can't do it, do the following: so that when you click on "view in full size" (above the link image), the window with the image that opens then slides down the browser to the red line, as in the screenshot.


so that the view in full size is not from the top of the forum, but moves down to the red line, so that the picture is immediately visible, without scrolling

@poesia-verses Can you provide me the link of the page we see in the picture?
so we can check live on your forum is something can be done about this or not

thanks

why is this picture necessary? this is for example, any picture in fact and on any forum, is it really not clear?

sorry

hello

can you please inform us what dimensions have you set for your images here
Administration Panel > General > Messages and Emails > Configuration...Messages Section

Resizing images :
Width :
Height :

poesia-verses wrote:why is this picture necessary? this is for example, any picture in fact and on any forum, is it really not clear?

@poesia-verses I need the link of this type of page on your forum, not the link of the specific image

this page here:

poesia-verses wrote:this is for example, any picture in fact and on any forum, is it really not clear?

and please, be polite because I am only trying to help you. Thanks for your understanding

Give a try with this code:

Go to ACP > Modules > HTML & Javascript > Javascript management, create a new code with this content:

Code:

$(function() {
        if(location.pathname == "/viewimage") {
                var aTag = $('a[href="javascript:window.close()"]');
                $('html,body').animate({scrollTop: aTag.offset().top},'slow');
        }
});

@Niko thanks.

it works! yes, and one more thing: is it possible to add a "magnifier" symbol to the "view in full size" link?

poesia-verses wrote: @Niko thanks.

it works! yes, and one more thing: is it possible to add a "magnifier" symbol to the "view in full size" link?

Add this other javascript:
To have the icon before:

Code:

$(function() {
$('.resizebox.showfull a.fullsize').prepend('<img src="https://icones.pro/wp-content/uploads/2021/06/icone-loupe-vert.png" style=" vertical-align: middle; margin-right: 4px; height: 11px; ">');
});

To have the icon after:

Code:

$(function() {
$('.resizebox.showfull a.fullsize').append('<img src="https://icones.pro/wp-content/uploads/2021/06/icone-loupe-vert.png" style=" vertical-align: middle; margin-left: 4px; height: 11px; ">');
});

I didn't get your second post - but remember that double posting is not allowed on this forum (if you need to add more info you can edit your previous post)

@Niko does not work

@poesia-verses can you try with this?

Code:

$(function(){$(function(){$('.resizebox.showfull a.fullsize').append('<img src="https://i.servimg.com/u/f10/20/33/56/10/a112.gif" style="vertical-align: middle; margin-left: 4px;">')});});

There is not. there I looked twice "after"

This (should) work

Code:

$(document).ready(function() {
   setTimeout(
      function() {
         $('.resizebox a.fullsize').append('<img src="https://i.servimg.com/u/f10/20/33/56/10/a112.gif" style="vertical-align: middle; margin-left: 4px;">');
      }, 1000);
});