Need some help setting up Lightbox 2

For some reason the lightbox2 code isn´t working on my testing site. I don´t know if it´s a js conflict or something else but i need some help to make it work.

I´ve just added manually rel="lightbox" title="my caption" to the link to activate Lightbox2.
All needed js files are correctly added to the head section. But meh...it doesn´t work.

Here´s an image of the code where i´ve made the changes specified above (highlighted):

http://miguelboto.planetaclix.pt/talkgraphics/code.png

And here´s the link for the page online

Thank you.

Not sure what is supposed to happen but when I mouse over the image I see four arrows and when I click the image I see a pale yellow bitmap.

You may need to refresh your browser to see any recent changes you made...

Gary, what you are seeing is a thumbnail (the first image). The arrows is a mouse over effect and after clicking on the thumbnail a script (Lightbox) should load the final image (the yellow bitmap) in a modal window in the center of the page. The effect is similar to applying a pop-up to an image in Xara. Unfortunately the Lightbox script isn´t working and I don´t know why...

ckh, yes i know. But that´s not the case here. I think there´s some conflict between the js code used by Xara and the Lightbox script. I can make the effect work using Xara and placeholders only but i have to sacrifice the mouse-over effect since i can´t make them work at the same time (we can´t apply a mouse-over to placeholders)

[EDIT] The code and link on the first post dont´apply anymore. It´s not possible to customize the code of links inside Xara. The current solution i´m using now is based on a placeholder. [/EDIT]

What i´m doing now is using this code in HTML body of a placeholder to call an external thumbnail that will be placed in the page. Thanks to Covoxer´s help it now has a mouse-over effect applied to that "external" thumbnail. Clicking on it should load the lightbox2 script. But for some reason the lightbox 2 script doesn´t work now.

I´m betting this is related to a conflict between the js that loads the lightbox script (activated by the rel="lightbox" attribute on the link) and the onmousemove function, but i don´t know enough myself to solve this problem.

This is the code i´m using with mouse-over (lightbox script don´t work):

Code:

---

<a href="index_htm_files/PaperTile.jpg" rel="lightbox" title="my caption" onclick="return(xr_nn());"><img class="xr_ap" src="index_htm_files/tbn_mercedes_benz_sl.png" alt="Angry face" onmousemove="xr_mo(this,0,event)" style="width: 100%; height: 100%;"/></a>

---

The previous code (without the mouse-over effect) that loads the lightbox script correctly was:

Code:

---

<a href="index_htm_files/PaperTile.jpg" rel="lightbox" title="my caption"><img src="index_htm_files/tbn_mercedes_benz_sl.png" alt="Angry face" /></a>

---

Any help would be very much appreciated.
Thank you.