Highslide 4 SMF

[Spuds]

Highslide 4 SMF Version 0.8.1
By Spuds
Link to Mod

License
This modification is released under a BSD license, a copy of it with its provisions is included with the package.

Introduction
This modification adds the highslide lightbox effect to images and attachments in your post.
===
Highslide JS is licensed under a Creative Commons Attribution-Non Commercial 2.5 License. This means you must get the author's permission and a commerical license to use Highslide JS on a commercial or governmental website, web application or SaaS project.  Highslide

Features
o Expands a thumbnail (attachment or in-line image) in to a full-size image in a picture frame when clicked
o Auto size images to fit browser window, with option to expand to full size with scrollbars
o Slideshow for images on page, grouping by topic or by individual messages in the topic
o Prev/Next with arrow keys
o Works for thumbnails from Postimage, Imageshack, Photobucket, iPicture, Radikal, Keep4u, Xs and Fotosik.
o Auto attaches to all images and optionally attachments.  Can override an image from sliding by using the alt="ns" option to prevent specified images from highsliding, use it as [img alt="ns"]your image[/img]

There are many admin settings available with this mod, go to admin - configuration - modification settings - Highslide
o Disable/enable the mod
o Disable/enable the use of Coral CDN as JS/CSS source
o Disable/enable fade In/Out transition in Galleries
o Disable/enable Highslide credits
o Disable/enable Highslide on attachments
o Enable the slideshow feature, includes attachments and post images
o Smart slideshow option allowing each message in a post to have its own slideshow
o Provide similiar highslide effects on Aeva Gallery
o Expanded images to center of page or in place
o Define slideshow delay in seconds (0-10)
o Define graphical or mac style text boxes for slideshow controls
o Define the sideshow control bar location
o Define the frame style around the highslide image
o Define how dark to make the background page when highsliding an image
o Define the source for the text in the heading
o Define the source for the text in the caption
o Define how dark to make the background in the heading and caption area
o Define the location for the caption
o Define the location for the footer
o Disable/enable hiding the heading, caption and slide controls on mouse out
o Define the size and style of the slide controls

Installation
Simply install the package to install this modification on the SMF Default Curve theme.
Manual edits may be required for other themes.

This mod is compatible with SMF 2.0 only.

Support
Please use the HS4SMF modification thread for support with this modification.

Changelog
0.8.1 - 22 January 2012
o ! Fixed minor compatibility issue with ILA
o ! Some more code cleanup, still needs more :'/

0.8 - 6 January 2012
o + Updated highslide to 4.1.13
o + Moved HS language strings to language file from js files
o + Moved hs4smf language strings to own file instead of modifications.language
o + Added option to count highslide views in a message as a gallery view
o + Added license BSD 2 clause
o ! Fixed error with captionOverlay opacity
o ! Small updates to options panel layout
o ! Some code cleanup, needs more :X

0.7 - 21 March 2011
o + Minor updates for 2.0 Gold
o ! fixed issue where aeva links were being hidden in a portal block
o ! fixed issue where the aspect ratio was being changed when the aeva option was enabled
o + Improved the caption logic, it will now show the aeva caption text when available on a gallery image and show the caption as defined in the admin panel for other images (attachments, in line image, etc).

[JBlaze]

Congrats! Nice mod

[rd]

Agreed with Jblaze, good job!

[uniz5410]

Nice mod.
.
.
Does not work with the images hosted on imageshack.us

[Bugo]

Error log:

http://***/index.php?action=Error404
8: Undefined variable: sourcedir
File: /home/***/www/Sources/Subs.php
Line: 2465

File Subs.php, Line 2465:

Code Select Expand

$success = (include_once $sourcedir . '/hs4smf-Subs.php');

http://***/index.php?/topic,3.0.html
8: Undefined index: hs4smf_slideshowdelay
File: /home/***/www/Sources/hs4smf-Subs.php
Line: 500

[Am']

another error (error log) 

---------------
index.php?action=profile;area=showposts;u=20314

2: include_once() [<a href='function.include'>function.include</a>]: Failed opening '/hs4smf-Subs.php' for inclusion (include_path='.:/usr/local/php-5.2.13/lib/php')

Fichier: /home/site2455/web/www/forum/Sources/Subs.php
Ligne: 2432
-------------

------------------
index.php?action=profile;area=showposts;u=20314

2: include_once(/hs4smf-Subs.php) [<a href='function.include-once'>function.include-once</a>]: failed to open stream: No such file or directory

Fichier: /home/site2455/web/www/forum/Sources/Subs.php
Ligne: 2432
-------------------
any idea please ?

[Arantor]

There's a missing inclusion of $sourcedir into scope in the function.

[Am']

There's a missing inclusion of $sourcedir into scope in the function.

any fix  

[Arantor]

The mod author will have to fix it - I'm just throwing in a comment as to where to look - I haven't even seen the code of the mod but can tell you that's the root cause.

[Yağız...]

For a quick fix, find this on ./Sources/Subs.php:

Code Select Expand

if((empty($cache_id) || substr($cache_id, 0, 3) != 'sig') && $context['current_action'] != 'stats' && $context['current_action'] != 'post' && $context['current_action'] != 'jseditor') {
if (!function_exists('hs4smf')) {
Add after:

Code Select Expand

global $sourcedir;

[Spuds]

Thanks for the detailed bug reports ...

I've updated the mod to v0.3 and this should take care of the Undefined variable: sourcedir / include file failure and prevent the one error log issue of Undefined index: hs4smf_slideshowdelay.  There are probably a couple of more of those undefined errors that I'll get fixed  but wanted to get the update to fix the sourcedir issue out.

[Am']

big thx arantor, Yağız and spuds 

[KensonPlays]

Downloading and trying...

[Am']

how remove greu border from image in messages ? 

[luismanson]

error:
Error: The stylesheet http://www.foromilestone.com.ar.nyud.net/Themes/default/hs4smf/highslide.css was not loaded because its MIME type, "text/html", is not "text/css".
Source File: http://www.foromilestone.com.ar/foro-vip/propuestas-de-mejora-para-el-foro/new/?topicseen#new
Line: 0

any ideas on this?
www.foromilestone.com.ar.nyud.net/Themes/default/hs4smf/highslide.css

[Spuds]

error:
Error: The stylesheet http://www.foromilestone.com.ar.nyud.net/Themes/default/hs4smf/highslide.css was not loaded because its MIME type, "text/html", is not "text/css".
Source File: http://www.foromilestone.com.ar/foro-vip/propuestas-de-mejora-para-el-foro/new/?topicseen#new
Line: 0

any ideas on this?
www.foromilestone.com.ar.nyud.net/Themes/default/hs4smf/highslide.css

I have not seen that one before, and the file is identified as type="text/css" in the html file.  It really seems like this may be a server issue, i.e., you need to set your server .htaccess file to give .css files the text/css mime type. I don't know why it would complain for this and not other stylesheets other than the directory it is served from.

Does highslide work as expected on those pages?

Also try turning off the Use Coral CDN as JS/CSS source in the options, could be one of their servers is mis-configured.

[Spuds]

how remove greu border from image in messages ? 

You will need to edit the highslide.css file in the Themes/default/hs4smf directory.  In that file, near the top, you will see:

Code Select Expand

.highslide img {
border: 2px solid silver;
}

change the 2px to 0px and save the file.   

[luismanson]

i can not reproduce this error :|
it might be something related to the CDN as you say, or maybe something in that specific post

[Succubus Evaligan]

This mod would be great to adapt it to SMF 1.1.11. This is more customizable than the current one for that version.
I tried it without problems on my local test forum SMF 2 RC3, but the forum is in use on the Internet is SMF 1.1.11.
I would like to upgrade to SMF 2, but unfortunately there are several important mods that I like and use much in SMF 1.1.11 that do not work in version 2. That's the only thing that stops me.

[Sakae]

Spuds, how do I install this function on other pages?

I want to use with my Ultimate Profile (theres a gallery embedded: http://www.tigrelog.com.br/index.php?action=profile;u=2296), is it possible? It's using CSS or PHP?