View Full Version : book flip help

04-12-2006, 06:56 PM
I searched the forum, and did not find my answer, obviously I am quite green at this and I am trying this script out on a test page:
I am not sure how to write the Book_Image_Sources code, I have been trying different ways to point to the images w/o sucess.
Any help is greatly appreciated.

04-13-2006, 03:52 AM
Well, your images are actually where you say they are. The array has syntax errors, it should look like so:

Book_Image_Sources=new Array(

There are other problems, get rid of this (red):

<p><br />
<img src="images/crossfinalleft.gif" alt="cross left" width="99" height="122" hspace="10" /> <img src="images/silohette.GIF" width="432" height="95" align="absbottom" /><img src="images/crossfinalright.gif" alt="cross right" width="95" height="121" hspace="10" /><br />
<img src="images/nwccfinal.gif" alt="nw christian cowboys" width="694" height="84" /> <br />
<img src="images/SEPARATOR2.gif" width="303" height="31" /><br />
</p><body onload="ImageBook()">
<div align="right">

<p><script type="text/javascript">

* Book Flip slideshow script- Ger Versluis

and make the actual body tag on your page look like so (addition green):

.style12 {font-size: 16px}
.style13 {font-family: "Comic Sans MS", Helvetica, Arial; font-size: 16px; }
<body bgcolor="#FFFFFF" onload="ImageBook()">
<table width="90%" border="0">

That will get things working but, you need to use the correct dimensions here (green again):

function B_Rstrt(){B_Stppd=false}


</p><div id="Book" style="position:relative">
<div align="center"><img src="placeholder.gif" width="404" height="152" /></div>

<p><font face="Arial" size="-2">Free DHTML scripts provided by<br /><a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p><br />

and here:


// 7 variables to control behavior
var Book_Image_Width=200;
var Book_Image_Height=150;
var Book_Border=true;

04-13-2006, 04:06 AM
Oh, and if you want your layout to work in more browsers than just IE, change your:

<div id="Book" style="position:relative">
<div align="center"><img src="placeholder.gif" width="404" height="152" /></div>


<div id="Book" style="position:relative;width:404px;height:152px;margin:0 auto;">
<img src="placeholder.gif" width="404" height="152" />

04-13-2006, 04:57 AM
Thank you so much for taking the time to explain in detail, what I need to fix! I won't be able to work on it until Fri. can't wait!