Book Flip Slideshow Centering and Buttons

[fmv503]

Hello -



I have the Book Flip working but am having trouble getting it to center in my table that has 3 columns.

I also want to add buttons to control the Book Flip with buttons but am having trouble with that as welll. I want the buttons to look like this:

http://www.lockstonedesign.co.uk/

I am very new at this so am not sure where to put and what code to put in. I looked at the example here but I still was confused and I don't want the extra buttons:

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

I was able to get the buttons viewable at one point but they did not work.

Here is my file:http://www.ados.net/~vanover/edge/bookfliptest.html

I appreciate any help and I apologioze for my ineptness! I don't know dhtml.

Many thanks and for a great forum!

fmv

[fmv503]

Can anyone please help me with this?

Thank you!

[jscheuer1]

From the Instructions:
width = 2*book image width +4 height = book image height+2

For your placeholder, that would be:

	    <div id="Book" style="position:relative">
		    <img src="placeholder.gif" width="644" height="222">
          </div>

Also, due to rendering differences among browsers, it would be a good idea to include the height for the div as well:

	    <div id="Book" style="position:relative;height:222px;">
		    <img src="placeholder.gif" width="644" height="222">
          </div>

About the controls, I'd use the extended controls script from the author and your controls markup, editing then to use the author's activation. If you have trouble with that, put up a demo using the author's script with the controls and the HTML for your controls below that and I'll adapt them for you.

[jscheuer1]

Other than the fact that:

http://www.ados.net/~vanover/edge/images/kayaking2.jpg

appears to be missing, this worked fairly well:

Attachment 357

[songdove]

I like how this script works. Other than the instructions given on http://www.dynamicdrive.com/dynamicindex14/bookflip.htm , where are the extended controls from the author of this script?

Is it possible to start the script with the book closed and require the user to click next in order to see the inside contents?

Also, would it be possible to have more than one book on a page?

[jscheuer1]

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

Just about anything is possible. It is just a question of how much code needs to be written to accomplish it. Starting closed probably could be arranged using the extended version and setting the default state to manual instead of auto and using beginning images that look like the book's cover.

A nice touch with this approach might be to swap out these beginning images once the show starts, so that the 'covers' would not reappear unless the page were reloaded.

Coding for multiple books on a page would probably be quite complex but, if additional books were on separate pages and shown on the main page through a borderless iframe, that wouldn't be too difficult to set up.

[songdove]

Thanks John. I'll play with those extended controls, and the iframe idea will work very well for my purposes.

[fmv503]

Hi John-

Sorry, been sick! Appreciate your response. It looks a little better, but now is to the left - still not centered. Here is the updated version:

http://www.ados.net/~vanover/edge/bookfliptest.html

Thank you very much!

Frieda :-)

[fmv503]

I have it centered now - the middle cell was off 4 pixels.


Thank you so much! You are awesome, John!

Frieda :-)

[jscheuer1]

Hi John-

Sorry, been sick! Appreciate your response. It looks a little better, but now is to the left - still not centered. Here is the updated version:

http://www.ados.net/~vanover/edge/bookfliptest.html

Thank you very much!

Frieda :-)

Did you download and open this attachment? I worked out the controls for you in that:

http://www.dynamicdrive.com/forums/a...7&d=1148615691