Problem mit lightbox

[project313]

Hallo zusammen

Ich möchte auf der product_info gerne die lightbox einbauen. Leider funktioniert das nicht wirklich, das popup-bild wird statt mit lightbox in einem normalen Browserfenster dargestellt. Ich habe jetzt schon stundenlang gegoogelt und anleitungen ausprobiert, aber iergendwie komm ich einfach nicht weiter...

habe bis jetzt folgende sachen gemacht:

der shop ist auf dem server unter /shop eingerichtet.

- habe die erforderlichen lightbox-Dateien auf den Server geladen. Verzeichnis: /shop/templates/meintemplate/lightbox

- in der lightbox.css habe ich die urls abgeändert:

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(shop/templates/passo/lightbox/images/blank.gif) no repeat; /* Trick IE into showing hover */ display: block; }


#prevLink:hover, #prevLink:visited:hover { background: url(shop/templates/passo/lightbox/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(shop/templates/passo/lightbox/images/nextlabel.gif) right 15% no-repeat; }

- in der lightbox.js hab ich diese urls geändert:

LightboxOptions = Object.extend({

    fileLoadingImage:        'shop/templates/passo/lightbox/images/loading.gif',     

    fileBottomNavCloseImage: 'shop/templates/passo/lightbox/images/closelabel.gif',

- in der header.php habe ich folgenden code eingefügt:

<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/lightbox/js/prototype.js'; ?>" /></script>

<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/lightbox/js/scriptaculous.js?load=effects'; ?>" /></script>

<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/lightbox/js/lightbox.js'; ?>" /></script>

<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE.'/lightbox/css/lightbox.css'; ?>" type="text/css" media="screen" />

- beim Artikelbild in der product_info habe ich folgenden code eingefügt:

<td style="border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid;  border-color: #cccccc;">{if $PRODUCTS_IMAGE!=''}<a href="{$PRODUCTS_IMAGE_POPUP}" rel="lightbox[{$PRODUCTS_NAME}]"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a> 

</a>{/if}</td>

wäre sehr dankbar falls mir jemand weiterhelfen könnte und wünsche allen ein gutes neues Jahr...

liebe Grüsse