I am working in Dreamweaver CS4 with both HTML and Javascript.
I created a preview area and some thumbnails beneath. Each thumbnail is linked to a full size image. So far, so good.
I'm attempting to follow a Javascript tutorial to make a lightbox.
I added CSS rules and the javascript code (below) in the hopes of having my thumbnail show the image in the clickable preview area when hovering. However, my fullsize image does not display in the preview area. Interestingly, when I hover over the preview, I see at the bottom of my browser that it is still linked, just not displaying. The preview area is blank. Any ideas? Should I show the page code? Thanks!


$('.gallery_thumbnails a').click(function(e){


$('.gallery_thumbnails a').removeClass('selected');
$('.gallery_thumbnails a').children().css('opacity','1');


var photo_caption = $(this).attr('title');
var photo_fullsize = $(this).attr('href');
var photo_preview = photo_fullsize.replace('_fullsize','_preview');

$('.gallery_preview').html('<a href="'+photo_fullsize+'" title="'+photo_caption+'" style="background-image:url('+photo_preview+');"></a>');