Help!
Help!
Im trying to use jQuery to do some crossSliding between images. Ive been following this guide:
http://tobia.github.com/CrossSlide/
Ive a feeling im in the same situation as this fellow: http://css-tricks.com/forums/viewtopic.php?f=5&t=2568 but he was unable to share his solution.
Ive included both files in my root and the code below shows how ive implemented it all. As it is, im getting nothing whatsoever.
Apologies if its something stupid, ive been playing around with it for the past few hours and just cant get it to work.
<html>
<head>
<link href="style2.css" rel="stylesheet" type="text/css" />
<script src="jquery.min.js"></script>
<script src="jquery.cross-slide.min.js"></script>
<script>
$(document).ready(function() {
// do stuff when DOM is ready
$(function() {
$('#placeholder').crossSlide({
sleep: 2,
fade: 1
}, [
{ src: 'Photos/P1.JPG' },
{ src: 'Photos/P2.JPG' },
{ src: 'Photos/P3.JPG' },
{ src: 'Photos/P4.JPG' }
])
});
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="placeholder"><img width="300" height="200" src="Photos/P1.JPG" /></div>
</body>
</html>