Page 1 of 1

Download PhpBB3 Highslide Attachment

Posted: 16 May 2011, 07: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, 10: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