Seeking assistance as I am struggling to get this working
Here is how I have set it up:
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen"/>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
For displaying photos, I use the following code:
rel="prettyPhoto[pp_gal]"><
And right before the closing body tag, I include this script:
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
animationSpeed: 'normal',
padding: 40,
opacity: 0.35,
showTitle: true,
allowresize: true,
counter_separator_label: '/',
theme: 'light_rounded'
});
});
</script>
I have successfully linked the prettphoto CSS file in my document. However, I'm unsure about what to do with the jquery.js and the jquery-1.3.2.min.js folders. Any guidance would be appreciated.