PDA

View Full Version : book flip help



cowgurl
04-12-2006, 06:56 PM
Hi
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:
http://nwchristiancowboys.com/flip.html
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.
Susan

jscheuer1
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(
"images/flip/MyPicture.jpg","",
"images/flip/IMG_0956.JPG","",
"images/flip/IMG_0398.JPG","",
"images/flip/IMG_0890.JPG",""
);


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; }
-->
</style>
</head>
<body bgcolor="#FFFFFF" onload="ImageBook()">
<table width="90%" border="0">
<tr>


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


function B_Rstrt(){B_Stppd=false}

</script>

</p><div id="Book" style="position:relative">
<div align="center"><img src="placeholder.gif" width="404" height="152" /></div>
</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;

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

to:


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

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