Download PhpBB3 Highslide Attachment

Download and support for PhpBB3 Highslide Attachment Mod
User avatar
Stoker
Site Admin
Site Admin
Posts: 3536
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

Download PhpBB3 Highslide Attachment

Post 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/
You do not have the required permissions to view the files attached to this post.
Board rules! No PM support
User avatar
Stoker
Site Admin
Site Admin
Posts: 3536
Joined: 12 May 2008, 21:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark

Download PhpBB3 Highslide Attachment

Post 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
You do not have the required permissions to view the files attached to this post.
Board rules! No PM support