Results 1 to 6 of 6

Thread: Book Flip Slideshow not sorting correctly

  1. #1
    Join Date
    Sep 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Book Flip Slideshow not sorting correctly

    1) Script Title: Book Flip Slideshow

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/bookflip.htm

    3) Describe problem: When using the script the pictures doesn'r display in the order entered. How do I fix this?

    Code:
    // 7 variables to control behavior
    	var Book_Image_Width=500;
    	var Book_Image_Height=353;
    	var Book_Border=true;
    	var Book_Border_Color="gray";
    	var Book_Speed=15;
    	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(
    		"pictures/prog00.png","",
    		"pictures/prog01.png","",
    		"pictures/prog02.png","",
    		"pictures/prog03.png","",
    		"pictures/prog04.png","",
    		"pictures/prog05.png","",
    		"pictures/prog06.png","",
    		"pictures/prog07.png","",
    		"pictures/prog08.png","",
    		"pictures/prog09.png","",
    		"pictures/prog10.png","",
    		"pictures/prog11.png","",
    		"pictures/prog12.png","",
    		"pictures/prog13.png","",
    		"pictures/prog14.png","",
    		"pictures/prog15.png","", //this slide isn't linked
    		"pictures/prog16.png","", // NOTE No comma after last line
    		"pictures/prog00.png",""
    		);
    Last edited by jscheuer1; 09-22-2012 at 11:31 PM. Reason: Format

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    This is a known issue in this third party script. You could try to guess - or figure out what order to put your images in so that they would show in the order that you prefer. I believe it is consistent, at least with a certain number of images, so you should be able to do that, figure it out.

    The author later made an update that doesn't have that problem and that has other features which are optional:

    http://www.burmees.nl/menu/bookextended.html

    I don't believe he's supporting the script any longer though, and if I recall correctly, there's one or two things this advanced version doesn't do that the version on DD does. Good luck with it.

    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    dsimonse (09-23-2012)

  4. #3
    Join Date
    Sep 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Thanks!

    Hi,

    The updated script did the trick!
    http://rojteatern.nu/product/11_12/toz_prog.html

    Thanks
    Dennis
    Last edited by jscheuer1; 09-25-2012 at 02:35 PM. Reason: Format

  5. #4
    Join Date
    Sep 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default To early for cheering :(

    Hi,

    I only checked the script with FF, but when I try IE7 or IE9 I only get the righthandside of the bookflip. Any suggestions?

    //Dennis
    Last edited by jscheuer1; 09-25-2012 at 02:34 PM. Reason: Format

  6. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Looks OK to me, only too far to the right. To fix that, use a standards invoking DOCTYPE for the page:

    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <title>
    </title>
    </head>
    <script type="text/javascript">/*(c) Ger Versluis 2003-2004*/
    
    
    /********************************************************
    *	Create a div with transparent place holder in your html		*
    *	<div id="Book" style="position:relative">			*
    *		<img src="placeholder.gif" width="404" height="152">	*
    *	</div>							*
    *	width = 2*book image width +4 height = book image height+2	*
    *								*
    *	Insert onload in body tag					*
    *		<body onload="ImageBook()">			*
    *								*
    *								*
    *	8 variables you can edit to control behavior 			*
    *********************************************************/
    // 7 variables to control behavior
    	var Book_Image_Width=500;	// Image wi . . .
    And here, make changes as shown:

    Code:
    <table width="1004" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td valign="top" align="left">
    
    	<div id="Book" style="position:absolute">
    		<img src="pictures/placeholder-l.gif" width="1004" height="355">
    	</div>
    </td></tr></table>
    But you should consider getting rid of the table and the placeholder image. You could then have:

    Code:
    	<div id="Book" style="position: relative; width: 1004px; height: 355px; margin: 0 auto;">
    
    	</div>
    Last edited by jscheuer1; 09-25-2012 at 02:32 PM. Reason: long night
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. The Following User Says Thank You to jscheuer1 For This Useful Post:

    dsimonse (09-25-2012)

  8. #6
    Join Date
    Sep 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Thanks again!

    Hi,

    You're just great! Thanks a mllion!

    //Dennis
    Last edited by jscheuer1; 09-25-2012 at 08:07 PM. Reason: Format

Similar Threads

  1. Book Flip SlideShow
    By annasue in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 08-19-2007, 08:38 PM
  2. Book Flip Slideshow
    By mikep in forum Dynamic Drive scripts help
    Replies: 8
    Last Post: 12-10-2005, 03:18 PM
  3. flip book slideshow
    By librarylady in forum JavaScript
    Replies: 2
    Last Post: 11-11-2005, 01:40 AM
  4. Flip Book Slideshow Help Please
    By Marymarg in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 12-31-2004, 12:34 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •