I am using a template for a site I am designing, and one of the pages is a sort of portfolio page that has a short description on the left and then images on the right with a "back and forward" button so you can have multiple images for one portfolio.
My problem is I can't seem to figure out how to duplicate this process to add more portfolios. I can get it all to look right with separators, and I have the descriptions, but the images on the right aren't hidden with a scroll through option anymore, they are all just listed in bullet form.
It is using three .css files and 2 java files, the code at the top is
CODE
<link href="css/common.css" type="text/css" rel="stylesheet" />
<link href="css/portfolio.css" type="text/css" rel="stylesheet" />
<link href="css/jcarousel.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="javascript/jquery_1.3.2.js"></script>
<script type="text/javascript" src="javascript/jcarousel.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#jcarouselMetro').jcarousel({
scroll: 1,
wrap: 'both'
});
jQuery('#jcarouselInvites').jcarousel({
scroll: 1,
wrap: 'both'
});
});
</script>
<link href="css/portfolio.css" type="text/css" rel="stylesheet" />
<link href="css/jcarousel.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="javascript/jquery_1.3.2.js"></script>
<script type="text/javascript" src="javascript/jcarousel.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#jcarouselMetro').jcarousel({
scroll: 1,
wrap: 'both'
});
jQuery('#jcarouselInvites').jcarousel({
scroll: 1,
wrap: 'both'
});
});
</script>
Is it a problem with the script, or is there something I need to add in java or one of the .css?
All in all, I just want to be able to add as many portfolios as I want with the ability to scroll through the images like the others.
Thank you in advance for helping this n00b out.
-Brysky
Attached are the html, .css, and java.