Lytebox Attachment Mod

[Stoker]

Title: Lytebox Attachment Mod
Version: 1.0.0
Author: Stoker
Description: The Lytebox Attachment Mod for phpbb3 makes attached images open in a nice popup layer. Large images fits screen (resized) superfast with the lytebox script.
There is only 3 file edits per style and one folder to upload - very easy to install.
Demo: The script homepage, you can see how nice the images is viewed in a layer.
http://www.dolem.com/lytebox/
Attached file:

lytebox.zip

Install instructions
The same edits goes for all styles.

Open styles/your_style/template/overall_header.html
Find:

Code: Select all

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

After add:

Code: Select all

<script type="text/javascript" language="javascript" src="{ROOT_PATH}lytebox/lytebox.js"></script>

Find:

Code: Select all

<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

After add:

Code: Select all

<link rel="stylesheet" href="{ROOT_PATH}lytebox/lytebox.css" type="text/css" media="screen" />

Open styles/your_style/template/attachment.html
Find:

Code: Select all

<!-- IF _file.S_THUMBNAIL -->
			<a href="{_file.U_DOWNLOAD_LINK}">

Inline find:

Code: Select all

<a href="{_file.U_DOWNLOAD_LINK}"

Inline add:

Code: Select all

 rel="lytebox"

Then it will look like this:

Code: Select all

<a href="{_file.U_DOWNLOAD_LINK}" rel="lytebox">

[Terr0r]

can I install this on my forum if I install the hsimg bbcode from cisco his site

or must I unistall the hsimg bbcode and then install this snippet because this snippet looks very much better

[Stoker]

This is for attachments. Its not a bbcode.

[Terr0r]

okay I understand that but if I upload now a big image in a attachment then see you the image in the HSMG open

my question is actually if I do this then see I this for attachment images in the litebox

[Stoker]

Once again. This is an Attachment Mod which means that it works on attached images were a thumbnail is created.
If you have any other mod working like this, then you will have to uninstall it first.

[Terr0r]

how can I set this part of code

Code: Select all

    <a href="{_file.U_DOWNLOAD_LINK}" rel="lytebox">

in this part of code ?

Code: Select all

<div class="highslide-gallery"><a href="{_file.U_DOWNLOAD_LINK}/{_file.DOWNLOAD_NAME}" class="highslide" onclick="return hs.expand(this)"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a><div class="highslide-caption">{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</div></div>

I have try this but that is not working

Code: Select all

<div class="highslide-gallery"><a href="{_file.U_DOWNLOAD_LINK}" rel="lytebox"/{_file.DOWNLOAD_NAME}" class="highslide" onclick="return hs.expand(this)"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a><div class="highslide-caption">{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}</div></div>

[Stoker]

You cant have both the highslide and the lytebox installed.

[Terr0r]

okay thanks stoker