Page 1 of 1

Download PhpBB3 Highslide Attachment

Posted: 16 May 2011, 09:12
by Stoker
Modification Name: Highslide Attachment Mod
Author: Stoker and Peter

Modification Description: The Highslide Attachment Mod for phpBB3 makes attached images open in a nice popup layer. Large images fits screen (resized) with option to view fullsize. Images is with Gallery and slideshow.
There is only 2 file edits per style and one folder to upload - very easy to install.
Modification Version: 4.1.15
phpBB Version: 3.0.9
AutoMOD: Yes

Progress:

100%

100%

Support: hhttp://www.phpbb3bbcodes.com/viewforum.php?f=32

Demo URL: http://www.phpbb3bbcodes.com/viewtopic.php?f=32&t=1176

Attachment settings: For this mod to work you have to enable creation of thumbnail.
Like on this screenshot:
thumbnail.png
Modification Download:
Download here
+9608


View the install file


FAQ
Q - I have problems with flash and highslide?
A - Check this post: http://vikjavev.no/highslide/forum/viewtopic.php?t=609

Q - How do I get Lightbox effect with Highslide?
A - Open styles/yourstyle/template/overall_header. html and find:

Code: Select all

//hs.dimmingOpacity = 0.75;
Replace with:

Code: Select all

hs.dimmingOpacity = 0.75;

Q - How do I get Highslide working with images attached with the Img BBCode?
A - You don't. This causes to much trouble with linked images and images in signaures.
Create a BBcode like this instead:
BBCode:

Code: Select all

[hsimg]{URL}[/hsimg]
Html:

Code: Select all

<div class="highslide-gallery">
<a href="{URL}" class="highslide" onclick="return hs.expand(this, { wrapperClassName: 'controls-in-heading', slideshowGroup: 'highslide' })"><img src="{URL}" alt="" title="Click to enlarge" style="max-width:300px; max-height:300px;" /></a><div class="highslide-heading"></div>
</div>
Helpline:

Code: Select all

Highslide Img: [hsimg]link to image[/hsimg]

Q - How do I setup highslide so that images is lined in a row with text in the heading?
A - You can do this by making this BBCode:
BBCode:

Code: Select all

[hsimg2={URL}]{TEXT}[/hsimg2]
Html:

Code: Select all

<a href="{URL}" class="highslide" onclick="return hs.expand(this)"><img src="{URL}" alt="" title="Click to enlarge" style="max-width:300px; max-height:300px;" /></a><div class="highslide-heading" style="text-align:center;">{TEXT}</div>
Helpline:

Code: Select all

Highslide Img2: [hsimg=link to image]Header text[/hsimg]
Thanks to derkubi

Q - I want to schrink the highslide js file?
A - You can use this online packer: http://dean.edwards.name/packer/

Download PhpBB3 Highslide Attachment

Posted: 01 Aug 2011, 12:09
by Stoker
Download the script
This download is for users who have downloaded the mod from the phpBB Customisation Database.




Highslide JS is licensed under a Creative Commons Attribution-NonCommercial 2.5 License.
This means you need the author's permission to use Highslide JS on commercial websites.














highslide.zip
Download, unzip and upload the highslide folder to the root of your forum
(273.68 KiB) Downloaded 859 times