Need Help with inserting Book Flip Script in iWeb [Archive]

Harald

12-07-2009, 10:11 AM

Script: Book Flip Script
http://www.dynamicdrive.com/dynamicindex14/bookflip.htm

I am trying to insert the Book Flip Script into my website via iweb, which I have done successfully with other scripts. My problem here is that all I can see on my site is an empty book frame!? how exactly and where am I to insert the image links? I thought I knew but apparently I need someone to hold my hand :o

1) I do not understand what to do with the placeholder once I have downloaded it?
2) I also do not understand what to do with the following instruction:

Step 3: Finally, add the below onload event handler inside the <BODY> tag itself:

<body onload="ImageBook()">

Please help, thank you so much! :confused:

jscheuer1

12-07-2009, 09:34 PM

For info on how to represent your images in the code, and what to do about the placeholder image (you don't need it) see this thread:

http://www.dynamicdrive.com/forums/showthread.php?p=211892#post211892

About the body onload thing - Every page is required to have a body tag and only one body tag. It contains all of the content for the page. Scripts, styles, the page title and meta tags go in the head section. A typical blank page with the opening body tag highlighted would look like so:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>

</body>
</html>

Now your opening body tag may already have other junk in it. That doesn't really matter though in most cases. It could look something like:

<body bgcolor="black" text="red" link="yellow" alink="orange" vlink="white" background="image.gif">

If you have a plain one like:

<body>

make it like:

<body onload="ImageBook()">

If it has other stuff like my example of the other stuff it might have, make it like:

<body onload="ImageBook()" bgcolor="black" text="red" link="yellow" alink="orange" vlink="white" background="image.gif">

If you want more help:

Please post a link to the page on your site that contains the problematic code so we can check it out.