hmmmmmmm... I failed my java class last year. Not that I'd be any the…: javascript

hmmmmmmm... I failed my java class last year. Not that I'd be any the wiser even if I'd passed... because I think this is pretty complicated stuff. BUT ANYWAYS, I have a scrapbook, and I have a picture of each page and want to use a script like the one I found to make if flip like a book and pause when you hold your mouse over a page:

http://www.eleven-minutes.net/scrapbook/

I'm really liking what I've done so far (this is mainly for family & friends... it doesn't have to be perfect) but I was wondering if there was any easy way to...

a) end the loop on the last page (there are 26 right now- eventually I'll have the first 50 or so pages also). It does a funny thing where it'll flip the pages around on the second loop.

b) obviously this will be embedded somewhere on a main page when I'm done.... is there a ways to preload these images and not have the script start flipping until the images have loaded? Or some other solution so that the first few flips aren't "blank" pages? I have a pretty fast connection, and most of the people viewing this will too, but still.

and if you can't answer these questions... can you point me in the right direction? I'm willing to struggle and learn by trial & error but I don't know where to start... and google is a tough place with this qeustion!

/***********************************************
* Book Flip slideshow script- © Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

/********************************************************
	Create a div with transparent place holder in your html	
	<div id="Book" style="position:relative">
		<img src="placeholder.gif" width="804" height="452">
	</div>
	width = 2*book image width +4 height = book image height+2

Insert onload in body tag
		<body onload="ImageBook()">	
*********************************************************/

// 7 variables to control behavior
	var Book_Image_Width=400;
	var Book_Image_Height=475;
	var Book_Border=true;
	var Book_Border_Color="black";
	var Book_Speed=7;
	var Book_NextPage_Delay=1500; //1 second=1000
	var Book_Vertical_Turn=0;

// array to specify images and optional links. At least 4
// If Link is not needed keep it ""

Book_Image_Sources=new Array(
		"sr01.jpg","", //this slide isn't linked
		"sr02.jpg","", //this slide isn't linked

"sr04.jpg","", //this slide isn't linked
		"sr03.jpg","", //this slide isn't linked

"sr06.jpg","", //this slide isn't linked
		"sr05.jpg","", //this slide isn't linked

"sr08.jpg","", //this slide isn't linked
		"sr07.jpg","", //this slide isn't linked

"sr10.jpg","", //this slide isn't linked
		"sr09.jpg","", //this slide isn't linked

"sr12.jpg","", //this slide isn't linked
		"sr11.jpg","", //this slide isn't linked

"sr14.jpg","", //this slide isn't linked
		"sr13.jpg","", //this slide isn't linked

"sr16.jpg","", //this slide isn't linked
		"sr15.jpg","", //this slide isn't linked

"sr18.jpg","", //this slide isn't linked
		"sr17.jpg","", //this slide isn't linked

"sr20.jpg","", //this slide isn't linked
		"sr202.jpg","", //this slide isn't linked

"sr21.jpg","", //this slide isn't linked
		"sr202.jpg","", //this slide isn't linked

"sr23.jpg","", //this slide isn't linked
		"sr22.jpg","", //this slide isn't linked

"sr25.jpg","", //this slide isn't linked
		"sr24.jpg","", //this slide isn't linked

"sr27.jpg","", //this slide isn't linked
		"sr26.jpg","http://www.codingforums.com" // NOTE No comma after last line
		);

/***************** DO NOT EDIT BELOW **********************************/
	var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
	var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);

setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
			else setTimeout("BookImages()",50)}
		else setTimeout("BookImages()",50)}

function Book_Next_Delay(){
			if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
			B_RI.src=B_Pre_Img[B_CrImg].src;
			B_RI.lnk=Book_Image_Sources[B_CrImg+1];
			B_MI.style.zIndex=2;
			B_LI.style.zIndex=1;
			B_Angle=0;
			B_CrImg+=2;
		setTimeout("BookImages()",50)}

function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
	function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
	function B_Rstrt(){B_Stppd=false}
</script>

Follow us:

Applications

COMPANY

PRODUCTS

COMMUNITY

CHOOSE LANGUAGE