I'm new to fancybox and javascript, and have been trying to get
fancybox going on my client's website.
I want to have individual images set up on one HTML page and a gallery
on another HTML page.
I have put in the extra code that is required, but whenever I click on
the image that has been linked correctly, the image appears, behind
the rest of the webpage's content.
I have cut out most of the code, but I have left in one of the images
(you can still see the problem), if you could please make changes that
will make it function properly, that would be great.
The code for the page where I want the gallery is as follows (there
will be about 22 images on this page, all in order in a fancybox
gallery):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="imagetoolbar" content="no"><title>Picture Book</
title>
<link rel="stylesheet" href="antenna.css">
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="fancybox/
jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript"> $(document).ready(function() { $
("a.gallery").fancybox(); }); </script>
<link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/
css" media="screen">
</head>
<body class="global" style="">
<div class="default_style" id="V408644842GKT156" style="position:
absolute; top: 69px; left: 171px; width: 130px; height: 200px;">
<a rel="group" class="gallery" title="image 1" href="./pb24.jpg"><img
name="pb24thumb" src="pb24t.jpg" alt="" border="0" height="200"
width="130"></a></div>
</body>
</html>
I want to have the text in the black bubble thing below the image, and
it to use the fade effect to appear and disappear.
Sorry about this but I have no idea. I will start learning javascript,
but this is urgent.
Thanks in advance for your help.
