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=32Demo 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:
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;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]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>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]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>
Code: Select all
Highslide Img2: [hsimg=link to image]Header text[/hsimg]Q - I want to schrink the highslide js file?
A - You can use this online packer: http://dean.edwards.name/packer/
