How can I add Lightbox to v1.0 ?

rubdub

2008-01-07 17:47

Does anyone have any ideas for how to install lightbox in v1.0. I like this version and don't want to upgrade to v2

» Quick.Cms v1.x

rubdub

2008-01-07 19:23

I managed to get it working with:

1. Get Lytebox from: http://www.dolem.com/lytebox/

2. unzip and upload whole Lytebox folder contents to: jscripts/lytebox

3. add:
<script type="text/javascript" src="js/lytebox/lytebox.js"></script>
<style type="text/css">@import "js/lytebox/lytebox.css";</style>

to the head section of: templates/page.tpl

4. In templates/pages_show_photos_1.tpl change:
<!-- BEGIN PHOTO_LIST -->
<div><a href="javascript:windowNew( '$config[index]?p=galleryGalleryShow&amp;iContentGallery=$iContent&amp;iPhoto=$aList[iPhot o]', 710, 550, 'Gallery' );"><img src="$aList[sPhotoSmall]" alt="" /></a>$aList[sDescription]</div>
<!-- END PHOTO_LIST -->

to:
<!-- BEGIN PHOTO_LIST -->
<div><a href="$aList[sPhotoBig]" rel="lytebox"><img src="$aList[sPhotoSmall]" alt="" /></a>$aList[sDescription]</div>
<!-- END PHOTO_LIST -->

and in templates/pages_show_photos_2.tpl, change:

<!-- BEGIN PHOTO_LIST -->
<!-- BEGIN PHOTO_LIST -->
<td style="width:$aList[iWidth]%;">
<div><a href="javascript:windowNew( '$config[index]?p=galleryGalleryShow&amp;iContentGallery=$iContent&amp;iPhoto=$aList[iPhot o]', 710, 550, 'Gallery' );"><img src="$aList[sPhotoSmall]" alt="" /></a></div>
$aList[sDescription]
</td>
<!-- END PHOTO_LIST -->

to:

<!-- BEGIN PHOTO_LIST -->
<td style="width:$aList[iWidth]%;">
<div><a href="$aList[sPhotoBig]" rel="lytebox"><img src="$aList[sPhotoSmall]" alt="" /></a></div>
$aList[sDescription]
</td>
<!-- END PHOTO_LIST -->

and that's it!

ion

2008-03-22 09:35

Sorry, but in my Quick.Cms.Lite v1.x installation i dont have pages_show_photos_2.tp file ???

10x