Escorts Bucks Support Forum

MOD - LIGHTBOX IMAGE VIEW - time to complete 5 mins

download the light box files
http://www.huddletogether.com/projects/lightbox2/

these are the light box files in zip

js/builder.js
js/effects.js
js/lightbox.js
js/prototype.js
js/scriptaculous.js
css/lightbox.css
images/--various files


our script template directory

template/default

our script images directory

images


step 1)

copy ALL the files from the js directory in the lightbox download to the  template/default/js in the escort script


step 2)

copy the sinlge css file from the css directory in the lightbox download to the  template/default/css in the escort script


step 3)

copy ALL the image files from the images directory in the lightbox download to the images in the escort script (http://www.site.com/images)


step 4)

open the file template/default/main.html (make a backup of the file first)

just before

</head>

ADD

<script type="text/javascript" src="{template_url}/js/prototype.js"></script>
<script type="text/javascript" src="{template_url}/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="{template_url}/js/lightbox.js"></script>



now just above or below

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

ADD

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



step 5)

now add the rel tag to the images we want the pop up  style to be on



OPEN

include/images.inc.php (make a backup of the file first)

FIND
                       
$display .= '<a href="index.php?action=view_listing_image&amp;image_id=' . $imageID . '">';


REPLACE - change  the single above line to the following 2 lines

$bigfile_name = str_replace('thumb_','',$thumb_file_name);
$display .= "<a href=\"$config[listings_view_images_path]/$bigfile_name\" rel=\"lightbox\">";


THATS IT JOB DONE - NICE SIMPLE MOD

i have just added this to the escort directory demo so you can see it working