News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Highslide Image Viewer

Started by digger, October 07, 2008, 09:37:35 PM

Previous topic - Next topic

digger

Quote from: 420connect.info on April 15, 2015, 07:44:44 AM
Hey digger,

Would it be possible for you to share the edits needed to have this mod work on a few other pages..

I have asked dougiefresh about if he could make his Post and PM Inline Attachments mod do the same thing and would love to solve this little issue to tie everything together nicely..

I'm basically wondering if the highslide can work on the following pages:

index.php?action=profile;area=showposts
index.php?action=profile;area=unreadreplies
index.php?action=profile;area=unread

etc. ?


Currently when I click on the image (on these pages), to view the larger size I get directed to url of the image rather than the highslide taking over..

Many thanks!
Mod works on any forum pages. Image shold be attachment, IMG tag with width or IMG from supported image hosting.

roshaoar

Working fine for me on 2.0.10, as one of the first mods added. One question though - my server error logs are full of lines "File does not exist: (stuff)/htdocs/forums/zoomin.cur, referer: http://(domain)/forums/index.php?topic=3.0"

I tried removing zoomin from highslide.js but that changed the behaviour, so put it back. Any idea please what's causing this, and how I can possibly prevent these log entries?

Thank you for your time,

-Johan

roshaoar

Fyi - I solved it: copying zoomin.cur from /Highslide to the right directory seems to have stopped these errors. Looks like there's a path error in here somewhere and rather than fixing the error just copying it was a less intrusive fix.

GenesisMUGEN

Quote from: lifeguard81 on March 15, 2014, 09:21:51 AM
Instal this mod, and it works good.
There is only one problem.

When i click on an image, it opens in a nice pop up
But on the background, the image is big! like without resizing.

How to fix this?

See screen

I'm experiencing this problem. Is there something that needs to be edited or?

Ned.net

Hi guys,

First, I want to say that this mod is great. Thank you Digger for having made it.

Maybe what follows has already been answered, if so I apologize for asking again, but I tried to read the 31 (!) pages of posts about this mod, did some search, and didn't find my answer.

I wish to use it on a forum (2.11) which has no gallery, where I post many "howtos" to my users. In order to avoid hard reading posts due to wide screenshots all along them, this mod is exactly what I need. But it would be a great time saver for me to avoid typing
[url=http://.../big_image.jpg][img]http://.../small_image.jpg[/img][/url]each time I want to include a screenshot.

If I use img tag with lower width parameter to fake my previews I'm facing the same trouble as lifeguard81 mentionned in answer #587, and as GenesisMUGEN in answer #603.

Is there a way to configure the mod so it finds automatically the small (or big) images in a given folder ?
for example a using sub-folder named "preview" in the folder which contains my images ?

.../images/my_image.jpg (big size)
.../images/preview/my_image.jpg (small size)

Or maybe based on a naming rule for images in the same folder ? For example "my_image.jpg" and "my_image_preview.jpg" ?

It's no big deal for me generating the small images  but I'd relally like to simplify the integration code (even if width parameter of img tag would be the simplest solution).

TIA
no shame not knowing,
a lot not learning
------------------------
Il n'y a aucune honte à ne pas savoir
mais beaucoup à ne pas apprendre

maxya

Hi all!
How to setup on SMF 2.0 RC5 ?
./Sources/Display.php
Not have this
$replace .= '
<a href="'. $attachment['href']. ';image" id="link_'. $attachment['id']. '" onclick="'. $attachment['thumbnail']['javascript'] .'"><img src="'. $attachment['thumbnail']['href']. '" alt="" id="thumb_'. $attachment['id']. '" border="0" /></a><br />';

and this
                    // thumbnail
                    $inlinedtext = '<a href="' . $attachment['href'] . ';image" id="link_' . $attachment['id'] . '" onclick="'. $attachment['thumbnail']['javascript']. '"><img src="'. $attachment['thumbnail']['href']. '" alt="" id="thumb_'. $attachment['id']. '" border="1" class="outsb" /></a>';

Arantor

You shouldn't be using RC5, you are massively insecure at this point.

Leszko

Quote from: GenesisMUGEN on September 29, 2015, 12:43:12 PM
Quote from: lifeguard81 on March 15, 2014, 09:21:51 AM
Instal this mod, and it works good.
There is only one problem.

When i click on an image, it opens in a nice pop up
But on the background, the image is big! like without resizing.

How to fix this?

See screen

I'm experiencing this problem. Is there something that needs to be edited or?

Me an my friend have the same problem.
Is there any solution to this. I use 2.0.15
SMF 2.0.15

Leszko

Ok, I found the solution.
Find in index.template.php of your style this:

// Add a load event for the function above.
addLoadEvent(smc_toggleImageDimensions);


and do this:

// Add a load event for the function above.
/*addLoadEvent(smc_toggleImageDimensions);*/


That is all!  :)
SMF 2.0.15

Leszko

Next and the last question.
How to make more space between buttons on the pop-up below to be more comfortable on mobile devices?

Exactly like on the version below:
SMF 2.0.15

digger

Quote from: Leszko on October 01, 2018, 10:00:17 AM
Next and the last question.
How to make more space between buttons on the pop-up below to be more comfortable on mobile devices?
This mod needs a major update. I will see it later.

Leszko

Quote from: digger on October 06, 2018, 10:20:04 AM
Quote from: Leszko on October 01, 2018, 10:00:17 AM
Next and the last question.
How to make more space between buttons on the pop-up below to be more comfortable on mobile devices?
This mod needs a major update. I will see it later.
It would be great, but in the meantime I have done it in The way (image):

http://swietageometria.info/ao/di-2FVD.gif [nofollow]
SMF 2.0.15

Antechinus

I was just playing with this. Nice little mod.
Re the icon spacing:

/* Testing tweaks for Digger's Highslide mod. */
/* Note: Only needs !important if being used as overrides in index.css. */
/* In practice, would make more sense to call custom copy of highslide.css. */
.highslide img {
    border: 0 !important;
}
.highslide-image + div>div {
left: 0;
}
.highslide-heading {
height: 40px !important;
white-space: nowrap;
text-indent: 100%;
}
.highslide-controls {
box-sizing: border-box !important;
width: 100% !important;
height: 38px !important;
top: -42px !important;
left: 0 !important;
padding: 0 !important;
}
.highslide-controls ul {
text-align: end;
}
.highslide-controls li {
box-sizing: border-box;
display: inline-block !important;
float: none !important;
width: 40px;
max-width: 13%;
margin: 0 .5%;
padding: 8px 0;
border: 1px solid #0000;
border-radius: 4px;
}
.highslide-controls li:hover {
background: #fff;
border-color: #ccc;
}
.highslide-controls a {
margin: 0 auto;
float: none !important;
}
/*--------------------------*/

Sectomy

i dont know if i do something wrong, i installed this, but, if i attach an image, it wont be resized.... its same as it is.
do i need to set a limit of size on the Settings ? or something else ?

digger

Quote from: Sectomy on July 16, 2020, 08:42:19 AM
i dont know if i do something wrong, i installed this, but, if i attach an image, it wont be resized.... its same as it is.
do i need to set a limit of size on the Settings ? or something else ?
You need to setup size for image thumbnail in the forum settings.

Sectomy

i have 400x400
but it doesnt matter, i can attach a 1920x1920 image, and it is 1920x1920....so.. :/

Sectomy

ok, solution via CSS
but now, if u view some images i have this in the upper left corner:


Sectomy


GL700Wing

Highslide Image Viewer
Post and PM Inline Attachments
Automatic Attachment Rotation (and Resize)

When these three mods are installed together in the order they are listed above and they are correctly configured they will resize images.
Life doesn't have to be perfect to be wonderful ...

Sectomy

Quote from: Sectomy on July 16, 2020, 12:34:48 PM
ok, solution via CSS
but now, if u view some images i have this in the upper left corner:


bump ? :)

Advertisement: