jQuery lightbox deletes my divs?

http://knrdesigns.frih.net/NewSite/portfolio.php?view=logos

You will notice the two logos, when you hover over the first, it is deleted when your mouse leaves.

The second does not get deleted because I have removed the onMouseOver and onMouseOut attributes from it.

It seems if I call any javascript function from these divs it will delete them when you take your mouse off, really need help with this.

If I remove the lightbox script it fixes it, so I am assuming something in jQuery is clashing with the javscript I had already?

 

)
Its because of this :
onMouseOut="hide('logo1'); return false;" onMouseOver="show('logo1'); return false;"

Lightbox doesn't have anything to do with it...

You need to include jquery in your code in order for lightbox to run.

And replace this :

<script type="text/javascript">
function show(id) {
document.getElementById(id).style.visibility = "visible";
}
function hide(id) {
document.getElementById(id).style.visibility = "hidden";
}
</script>

HTML:

With this :

<script type="text/javascript">
function show(id) {
$('#'+id).fadeTo('fast',1);
}
function hide(id) {
$('#'+id).fadeTo('slow',0.5);
}
</script>

HTML:

 

If I add jquery.js to the code, the lightbox no longer works, if I add the lightbox to the code, then jQuery no longer works.

So if I remove the include tag for jquery.js, then the lightbox will run, but if it there, then the lightbox will not.

 

Are you using this :
http://www.huddletogether.com/projects/lightbox2/

 

Yes I am using that script

 

I don't see the lightbox css included in your initial example...

 

it is appended to my stylesheet, stylesheet.css

 

Noticed someone had the same problem here, but the answer was never explained? http://forums.digitalpoint.com/showthread.php?t=1509629