Book Flip Slideshow Centering and Buttons

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

Can anyone please help me with this?

Thank you!

Quote:

---

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

---

For your placeholder, that would be:

Code:

---

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

Code:

---

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

Other than the fact that:

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

appears to be missing, this worked fairly well:

Attachment 357

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?

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.

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

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

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


Thank you so much! You are awesome, John!

Frieda :-)

Quote:

---

Originally Posted by 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 :-)

---

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

Quote:

---

Originally Posted by songdove

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

---

Ok, as it turns out the iframe only works in so far as displaying more than one book on a page. But to make the links open out of the frame they're in, I have to specify "new", which opens an entirely new page as a result.

Is there a way to tell the script to open in the page holding the iframe? I know in traditional frames, you specify the name of the frame, but in an iframe, the frame doesn't have a name, or at least mine don't, and page automatically open inside it anyway without the "new" designation and I don't want that.

I tried typing in "parent" but that didn't work, the page merely opened inside the iframe.

This is such a cool script! Any ideas?

Oh strange, I got an email about a reply that isn't here, anyway,

Quote:

---

Try:

_top

in place of:

_new

---

By jscheuer1, did work, thanks so much.