Help with missing images in Java based gallery
Moderator: General Moderators
Help with missing images in Java based gallery
I'm pretty new to Java, so i may be missing something simple, but here is my problem; On this page http://keithfrenchdesigns.com/ under the work area the gallery images are showing no problem, but on the sideways scrolling page http://keithfrenchdesigns.com/sideways on page 4 it's not showing the gallery image like the div is missing, but if you click on one of the links it will pull up a blank. It also will not scroll past page 4 to page 5(or if you move the work area to say, page 2, it won't scroll any further either). Like the script for the gallery area is interfering with the sideways scrolling script. Any help would be appreciated.
-
KCAstroTech
- Forum Commoner
- Posts: 33
- Joined: Sat Aug 27, 2011 11:16 pm
Re: Help with missing images in Java based gallery
First thing I notice is that on your main page frames 4 & 5 are looking for images "http://keithfrenchdesigns.com/work/ccc/ ... _thumb.jpg" and "http://keithfrenchdesigns.com/work/ccc/ ... _thumb.jpg" yet if I try to manually go to browse to them it says that the file is not found however 1-4 shows up (http://keithfrenchdesigns.com/work/ccc/ ... _thumb.jpg). From that I would presume that the images for 4 & 5 aren't there so you might want to check that.
As to the sideways page, upon looking at the console log on the my browser there are 61 errors (you will want to fix those) most are failure to load content errors due to the content not being where it was told to look. However, this one in particular is the crux of the gallery problem: "Uncaught TypeError: Object [object Object] has no method 'jCarouselLite'". I think I found the root of the problem:
I noticed that you are loading two different versions of jQuery in your header section (v1.3.2 "<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>" and 1.6.4 "<script type="text/javascript" src="js/jquery.js"></script>"). You only need the latest version and it needs to be loaded prior to loading any of the scripts that depend on it such as "<link rel="stylesheet" type="text/css" href="jquery.fancybox-1.2.6.css">". Sooooo, what happened is that you load jQuery v1.3.2, then load your gallery script "jcarousellite_1.0.1" but then turn around and load jQuery 1.6.4 which then creates a new jQuery ($) object thus the jcarousellite is no longer loaded. To fix this you will want to remove one of the jQuery link statements (preferably keeping the newer version) then rearrange your script links so that the jQuery one loads first then followed by the other scripts. That should fix it though there may be other issues mixed in with the 61 errors that were detected.
As to not moving to frame 5, there isn't a 5th div box to go to, you have 1-4 but not 5.
Also you have <title>Untitled Page</title> repeated in several placed in the document.
As to the sideways page, upon looking at the console log on the my browser there are 61 errors (you will want to fix those) most are failure to load content errors due to the content not being where it was told to look. However, this one in particular is the crux of the gallery problem: "Uncaught TypeError: Object [object Object] has no method 'jCarouselLite'". I think I found the root of the problem:
Code: Select all
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="js/sideways.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="sideways.css">
<link rel="stylesheet" type="text/css" href="jquery.fancybox-1.2.6.css">
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
<script type="text/javascript" src="js/cufon.js"></script><style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style>
<script type="text/javascript" src="js/Humanst521_BT_400.font.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.2.6.pack.js"></script>
<script type="text/javascript" src="js/ajax-portfolio-loader.js"></script>
<script type="text/javascript" src="js/clock.js"></script>
<script type="text/javascript" src="js/scroll.js"></script>
<script type="text/javascript" src="js/contact.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/horizontal-scroll.js"></script>
<script type="text/javascript">
Cufon.replace('h3, #menu ul li, p.project-title, .gallery-controls a, .gallery-zoom a, .cufon');
$(".portfolio li a").addClass("selected");
</script>
</head>As to not moving to frame 5, there isn't a 5th div box to go to, you have 1-4 but not 5.
Code: Select all
<div id="wrap">
<div id="one"><p>ONE</p>
<img src="images/kfd_work.png" width="968" height="608"> </div>
<div id="two"><p>TWO</p>
<img src="images/kfd_contact.png" width="968" height="608"> </div>
<div id="three"><p>THREE</p>
<img src="images/kfdtest2.png" width="968" height="608"> </div>
<div id="four"><p>FOUR</p>
<div class="section work">...</div>
</div>
</div>