Highslide Image Viewer

[digger]

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]

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

Code Select Expand

[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

[maxya]

Hi all!
How to setup on SMF 2.0 RC5 ?
./Sources/Display.php
Not have this

Code Select Expand

$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

Code Select Expand

                    // 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]

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

[Leszko]

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

Code Select Expand

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

and do this:

Code Select Expand

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

That is all! 

[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:

[digger]

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]

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]

[Antechinus]

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

Code Select Expand

/* 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]

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]

no idea ? *bumb*

[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.

[Sectomy]

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

bump ?