I can’t get this to work for NOTHING…been trying a few days now…
See code below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jFlip</title>
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.jflip-0.4-min.js"></script>
<script type="text/javascript">
$(function(){
$("#gallery-1").jFlip(600,400,{background:"000",cornersTop:true,scale:"fit"});
})
</script>
</head>
<body>
<ul id="gallery-1">
<li>
<img src="English/KHill-Villa-Broch-pg2.jpg" />
</li>
<li>
<img src="English/KHill-Villa-Broch-pg2.jpg" />
</li>
</ul>
</body>
</html>
The js files I used can be found on the net:
jquery.jflip-0.4.min.js
jquery-1.7.1.min.js
Anybody have any idea why this isn’t working?
Tsk… :-/
Example:
It’s working fine here:
http://www.jquerymagic.com/wp-content/uploads/jflip/
Jan