Results 1 to 4 of 4

Thread: book flip help

  1. #1
    Join Date
    Apr 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default book flip help

    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

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,165
    Thanks
    44
    Thanked 3,239 Times in 3,200 Posts
    Blog Entries
    12

    Default

    Well, your images are actually where you say they are. The array has syntax errors, it should look like so:

    Code:
    	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):

    Code:
     <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):

    Code:
    .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):

    Code:
    	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:

    Code:
    *********************************************************/
    
    // 7 variables to control behavior
    	var Book_Image_Width=200;
    	var Book_Image_Height=150;
    	var Book_Border=true;
    - John
    ________________________

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

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,165
    Thanks
    44
    Thanked 3,239 Times in 3,200 Posts
    Blog Entries
    12

    Default

    Oh, and if you want your layout to work in more browsers than just IE, change your:

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

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

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

  4. #4
    Join Date
    Apr 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thank you!

    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

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
  •