waqasaltaf
Posts: 37
|
| Posted: 03/21/2008, 5:54 PM |
|
hello....
image gallery builder is great but when you click on the images they just open in a page like /gallery/waqas.jpeg
what i was trying to do was to open them in a grid so that i could put navigator on the page like
http://www.djansa.be/image_gallery.php?img_cat=SITE_IMG...SED_1?lang_id=3 has done it 
or we can do something like this guy has done it
http://staffordarchive.com/SBTStud/sdsntry.php?StudID=1
anyone have any ideo on how to do it...!?????????
I have searched the forum, i mean i have searched it lots of times but was not successful to find what i was looking for ... HELP Please......
|
 |
 |
pbrad
Posts: 58
|
| Posted: 03/21/2008, 8:09 PM |
|
Hi,
The first example should be easily created using out of the box CCS functionality but the second example looks like it uses litebox. I have been fooling around with a similar product called Lytebox (http://www.dolem.com/lytebox/) which should easily do what you are looking for.
Cheers,
Pete
_________________
Pete
CCS 4
MySQL
PHP |
|
|
|
waqasaltaf
Posts: 37
|
| Posted: 03/23/2008, 1:15 PM |
|
Thanks pete, Just got it working....
those of you are new to CCS and want to do the same thing, here is how you do it
1)download the files
2)copy them in your web directory
3)add these lines to the header of your gallery page
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
then go to the html tag of your CCS browser and where you see this line
<!-- BEGIN Panel RowComponents --><a href="files/{file_name}" id="filesfile_name{files:rowNumber}" ><img style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" height="200" alt="{file_name}" src="files/{file_name_Src}" width="150"></a><!-- END Panel RowComponents --> </td>
add rel="lytebox" just like shown below.
<!-- BEGIN Panel RowComponents --><a href="files/{file_name}" id="filesfile_name{files:rowNumber}" rel="lytebox"><img style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" height="200" alt="{file_name}" src="files/{file_name_Src}" width="150"></a><!-- END Panel RowComponents --> </td>
thats it, easy man.....
|
|
|
|
moodog
Posts: 26
|
| Posted: 03/24/2008, 11:27 AM |
|
glad you got it working...
Sorry i didnt get back to you in time to help... I was away.. looks like you go it now thou..
_________________
-Rich
http://staffordarchive.com
CCS 4.0
MySQL
PHP
|
|
|
|
|
