I can't get a simple js page flip effect to work...

**greenink** · Mar 8, 2012 18:20

I can't get this to work for NOTHING..been trying a few days now...

See code below:

Code HTML4Strict:

 
<!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

**paul_wilkins** · Mar 8, 2012 20:28

You may want to take a closer look at the filename for the jFlip script.
What is in your HTML doesn't match up with the filename in your zip file.

**greenink** · Mar 8, 2012 21:50

Thanks Paul, that was the problem...tsk, so sad so sad..I'm just sad..little thing like that..who would've thought?

Again, thanks Paul..

User Tag List

Thread: I can't get a simple js page flip effect to work...

Thread Tools

Display

I can't get a simple js page flip effect to work...

WORKED!

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions