lightbox with php

**ihsaan** · 05-26-2008, 02:18 AM

why doesnt my lightbox work? here is the code:

i have placed this in my HEAD tags

<link rel="stylesheet" href="components/com_foo/foo.css" type="text/css" media="screen" />

Code:

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

and this is the code snippet that doesnt work

Code:

        $linkTarget = $mosConfig_live_site."/index.php?option=com_foo&page=show_ads&catid=$catid&adid=$row->id&Itemid=$Itemid";

        if($row->image_count > 0)
        {
            $rq = "SELECT thumb FROM #__foo_imagelist WHERE user_id = '$row->id' ORDER BY id "
            ."LIMIT 1";
            $database->setQuery($rq);
            $image_name = $database->loadResult();
            $image_link = $mosConfig_absolute_path."/components/com_foo/images/tmb/".$image_name;
            if(file_exists($image_link))
            
                        {
                $image_set = "<a href='components/com_foo/1.jpg' rel='lightbox'><img src='".$mosConfig_live_site."/components/com_foo/images/tmb/".$image_name."' align='center' border='5'></a>";
            }
            
            else
            {
                $image_set = "<a href=".$linkTarget." rel='lightbox'><img src='".$mosConfig_live_site."/components/com_foo/images/system/nopic.gif' align='center' border='0'></a>";            
            }
        }

**maxxximus** · 05-26-2008, 04:28 AM

Lightbox being javascript is client side.

Need to see the source generated to be sure whats going on.

**ihsaan** · 05-26-2008, 05:09 AM

i have attached the output files.

btw cool fly avatar. thawt twas a fly on my screen

**maxxximus** · 12:53 PM

Well having looked at the generated source in the zip file, I dont see the required files.

You need the three javascript files you mention above and lightbox.css file. In your source code there are links to 3 html files ???

<script type="text/javascript" src="index.php_files/prototype.htm"></script>
<script type="text/javascript" src="index.php_files/scriptaculous.htm"></script>
<script type="text/javascript" src="index.php_files/lightbox_002.htm"></script>

You need those js files and the css file.

**ihsaan** · 05-27-2008, 12:29 AM

i havent included them in the zip but they are there and havent been modified.

**maxxximus** · 02:55 AM

Should have made that clearer.

You have no links to the required files within your head element.

You need all these within your head tags.

HTML Code:

<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox.js"></script>