Image navigation bar for ePub Children's book export?

I'm designing children's picture books in ID for export to ePub. I've seen some such books on my nook (ePub) that have an image navigation bar that pops up at the bottom of the page. Readers can scroll through reduced images of pages quickly on this navigation bar, tap a particular image and go directly to that page. I've looked through lots of tutorials but I don't see any that show how to do this. Can you point me to a tutorial that teaches me how to make this navigation bar?
Carolivia Herron
[email protected]

Exploring further, I see that there are some examples on the web of experiments with JavaScript on iBooks (don't know if they're supported on the Nook).
Here's an example of a children's book interface from the Three Press Consulting blog:
http://blog.threepress.org/2011/01/31/cost-effective-development-of-enhanced-content-with- epub3-digital-book-world-2011/
Here's some commentary on another blog about experiments which extend beyond the EPUB specification:
http://blog.booki.sh/blog/post/epub-3-0-and-scripted-content-documents/

Similar Messages

  • Interactive Images Navigation Bar

    Hi....been staring at this so long it's probably really
    obvious BUT........just cannot get the default INSERT/INTERACTIVE
    IMAGES/NAVIGATION BAR. to work properly. I've got all the images
    correct but it seems that although it's happy to display the UP and
    ROLLOVER states it will not display the correct image state for
    DOWN (which I'm assuming is the active state)
    http://www.isaandthefilthytongues.com/test.htm
    I've enclosed a link where you can see what I'm trying to do.
    Can anyone point out what I'm doing wrong......would be very very
    grateful!!!! DEREK

    I am using it as well
    #WORKSPACE_IMAGES#icpdf.gif
    and those are displaying just fine. Check if the images you uploaded are real workspace images or they are assigned to an application.
    Denes Kubicek
    http://deneskubicek.blogspot.com/
    http://www.opal-consulting.de/training
    http://apex.oracle.com/pls/otn/f?p=31517:1
    -------------------------------------------------------------------

  • Tab Style Navigation Bar for Pages in Page group

    Hi
    Is there a way to create a tab style navigation bar for a group of pages that will appear at the top of a page?
    Regards
    Harry

    You might try using Language_Switcher  Language Switcher while working on the English page.  That might allow you to create the navbar in English.
    Otherwise you could use a text based navbar like in this demo page: Text Based Navbar
    OT

  • Create a new link in the navigation bar for cutom application

    Dear CRM guru's,
       I am new to CRM 2007 and I need to create a custom application which would present a web form to the user(all CRM business roles), user would fill in few details and upon submit action of the form, I need to write the data into z tables in CRM 2007 Web-UI framework. Can you please share your thoughts here.
    Thanks!
    Surya.

    Hello Surya,
    explaining everything you would have to do in detail is a little bit to comprehensive for this forum. Best thing is to finde someone to explain it to you in person. A colleague or even one of the SAP courses.
    To get you startet:
    Most important is TX BSP_WD_CMPWB here you can create and test your new component.
    From now on look in SPRO for the bold words it is in CRM->UI-Framework section.
    - After you created it, you have to make it known in the component repository and create technical links.
    - For the technical links you can create logical links.
    - These links can be assigned to a logical link group which is then part of your navigation bar profile.
    I hope this will give you a small idea how to get around. As mentioned above this topic is big enough to fill a whole day of training.
    When holding my first CRM 5.1 training back in 2006 it even took me four days to get the fellows started. With 6.0 it is no different

  • How do i make a navigation bar for all pages

    Hi friends !
    I want the same navigation bar to appear on all the web pages of my website. (As these are the common things that all the webpages will have). But I didn't find any option to use the navigation bar as a template.
    Will I have to copy and paste the same navigation bar on all the pages (let's say 50 to 60 pages, I will have). It will be very tiresome and tedious job to do.
    And also if I make even a minor change in the navigation bar then I will have to change it in all 50-60 pages.
    What should I do ?
    Please help me in this regard.
    Imagine a 100 or 200 page site, perfectly functioning and on the air. Then, one day, you need to add or delete some button, or simply change a link. You need to change the menubar in ALL 200 pages, and then re-publish them all. Quite a work, ah ?
    Regards,
    Jtechmiami

    Although Dreamweaver Templates and Library items are suitable tools for doing this, they're tedious and cumbersome at best. They get old very quickly.
    By far the most efficient method is to set your navigation bar up as a Server Side Include (SSI).
    SSIs are not Dreamweaver specific, they're a general web technology available on any server.
    A good primer here
    http://www.projectseven.com/products/menusystems/pmm2/ug-examples/includes/index.htm
    Do you already have a hosting account? Does it have PHP available?
    jtechmiami wrote:
    Imagine a 100 or 200 page site, perfectly functioning and on the air. Then, one day, you need to add or delete some button, or simply change a link. You need to change the menubar in ALL 200 pages, and then re-publish them all. Quite a work, ah ?
    Not with SSIs. Simple sitewide menu updates take a few seconds.
    You edit a single text file locally (either button labels or a CSS rule for styling the button), upload (1-2 seconds) and every page on the site is instantly updated.
    Much better than DW Templates.

  • How can we align TOC and Navigation bar for Captivate 4 Aggregator Project?

    Hi,
    Is there any way we can align the bottom of TOC and Navigation bar of Captivate 4 Aggregator project. Or can we give a background color so that they don't look like different entities.
    Thanks,
    Janhavi

    I had this issue too.  What I discovered was that some of the slides in one of my presentations were off the screen.  Some because I had dropped pictures onto a blank slide, and others because I switched background images on recorded slides and didn't merge the images into the existing background.  After fixing those issues and republishing, I put the revised .swf into the aggregator and it worked. 

  • Script to Create Image on the Fore Edge of a Book

    Hello,
    Here is an example of what I want to do:
    http://blog.eyemagazine.com/?p=149
    If you bend the pages of book, you can see an image (which is a word) on the fore edge of a book.
    I was wondering if there is a script or if I could create a script that would be able to make this in indesign?
    I have never made a script before, but I was imagining that it could go something like this:
    Duplicate an image
    Paste in place on the next page
    Select the content inside the frame
    Move the image x distance
    And repeat all above for the next page.
    then there would be an option for how many pages this would be done.
    Does this sound at all possible, or am I just making this completely up?
    Thanks in advance.

    John, it is ssome sort of a bleed, but in this case it's not the part that 'might be cut off' that matters; it's the part that still needs to be on the page. Yes, I meant it to be (virtually) not-noticeable for the casual reader. Of course you can make it part of the page design, that ought to ease up matters.
    The amount pages shift horizontally because of binding is called "creep", and this depends on the type of binding and the thickness of the paper. You cannot adjust for creep unless you know exactly how much this is and how your book is going to be printed and bound.
    Airkite:
    But the book that you printed worked out alright? Was it done with a different method?
    This was a simple outlined text, not an image. Through the inaccuracies of printing and binding combined, there were no straight edges *anywhere* but fortunately the lines were thick enough to let you mentally connect them
    This was done (I'm sure) with the method you proposed.
    There is an alternative way, but it's way more expensive (on the other hand, the result is impressive): after the entire process of printing, binding, and cutting, books are put in a clamp one at a time and fed through a silk screen printer, fore edge on top, and printed with whatever you like.
    I know of the existance of this technique but I haven't seen a book done like this in years and have no clue at all of the costs involved (writing that down in one sentence makes me realize those two might be connected).

  • Is there a way to have a chapter-less layout, for a children's book?

    Hello fellow IBAs! I have tried literally everything, and have not been able to find a way to get rid of the chapter format. Does anyone have any advice? Books such as The Tale of Peter Rabbit appear to have no chapters, and I've certainly seen some iBooks that have no chapters. Is there any way to just have a straightaway children's picture book, without chapters, and without a table of contents? Any help would be appreciated, thank you. =)

    Basic...child's book, example:
    Crafting a chapter-less book is possible, but a minimum of one section is required. Remove the chapter label, leave the TOC blank and you'll then have a basic/generic point from which to work with. 
    -=-

  • How to use a link bar or navigation bar for display only?

    My app has a link bar in an Application Control bar that is bound to the view stack of the steps in my application.
    I would like to use this as a mechanism to show the user which step he is on and how many are left, but NOT to click on it to navigate between steps.  I have provided wizard-like buttons to step navigation.
    How can I have the link bar not respond to clicks, or, if not, programmatically disable certain steps in it (e.g. "step 2" not available until I say so)?

    OK, I have decided it might be easier to use a repeater with buttons in it, such as:
    <mx:Repeater id="toolbar" dataProvider="{dataXML}" >
    <mx:Button label="{toolbar.currentIndex+1}. {toolbar.currentItem..stepTitle}" enabled="false" />
    </mx:Repeater>
    So now I'd like to progressively change the buttons in the repeater to "enabled" as I am ready.
    However, toolbar.getChildAt(0).enabled = true fails with:
    1119: Access of possibly undefined property enabled through a reference with static type flash.display:DisplayObject.

  • Images and caption for epub

    Hi,
    I have a lot of pictures with captions in my ebook and want them to appear together on the same page. My pictures are anchored in the center of the page so are the captions.
    I tried to group them but still the image and caption appears most of the time on a separate page.  I even tried to put the caption on top of the picture but still the caption and image are on a separate page.
    Any idea?
    Thanks a lot!!

    here it is:
    I get this:
    and I want this:
    Thanks for your help.

  • Navigation bar opens new tabs for links on the same site - only newer versions of FireFox does this! Why?

    I've used this custom navigation bar for nearly a decade. New versions of FireFox open new tabs when I navigate to different pages on my weather site. Very annoying!!! I've tried turning off tabs, but then it opens NEW WINDOWS! These links ARE NOT ENCODED TO OPEN IN NEW WINDOWS! What is causing this? Looks like I"m going to have to switch to Chrome or go back to IE, since nobody at Mozilla seems to care about this. They seem to think it is a good feature and not a bug. What gave you the right to decide to open new tabs at random times? If I click a link on a site that is on the same site I'm already on, and the link isn't coded for _blank, then it should open in the same window!

    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    *Don't make any changes on the Safe mode start window.
    *https://support.mozilla.com/kb/Safe+Mode

  • Buttons on navigation bar not working??

    Hello all, I am in a web design class and im currently wokring on my website. When i made my navigation bar in adobe fireworks and saved/exported it then tried to open it in dreamweaver cs6. The way i did this was insert>image objects>fireworks HTML then selected the html version of the nav bar. But for some reason when i try to do live view or open it in browser the buttons don't work, they worked when I opened them from fireworks. Someone help please :/

    The old Fireworks code relied on javascript for the menus.  If the javascript file is not in the proper location or is missing then the menus will not work.  In order to tell if this is the page we would need access to a test page online to view your code.  In case this is not possible, I am also including a link to the KB article discussing how this process works from FW to DW to explain all of the steps.
    Macromedia Fireworks - Working with Macromedia Fireworks MX buttons and navigation bars : Export the navigation bar

  • Graphical navigation bar using css

    I am trying to create a navigation bar for a page I am
    designing. Unfortunately, I am new to HTML and CSS and the little
    code I do know is not working for me in this regard. I found a
    tutorial that basically fakes an unordered list and turns it into
    graphical blocks The end result, however, is (1) not centered, and
    (2) messes with the layout. I want to contain the navigation bar
    within the nav_bar div. In a way it is, but with the navigation bar
    present, the div the encloses it moves down the page. Any
    suggestions?

    Inside code view, place the curser where you want the menu.
    Select the spry tab, and choose the fourth button from the
    right. It should be right under the Data button. Then select the
    horizontal menu from the pop up menu.
    Next hover over the new menu and click the blue spry menu tab
    that shows up. The properties menu will allow you to edit what is
    in the menu. If you do not need the drop down children, select them
    and click the "-" above it.
    With the menu item selected in the properties menu, on the
    right side you can name each one and also give it a link, title,
    and target.
    Then play with the css file that dreamweaver generated for
    you and you are in business. One safty thing, make a copy of the
    css file as a back up. So if anything does happen, you do not have
    to start all over. Also if you print out the css code, you can get
    an idea of what everything is doing by reading the comments.

  • Pl/sql editor navigation bar

    hi!
    Is it possible to have the navigation bar for pl/sql editor in Visual Studio inside an Oracle Database Project?
    The navigation bar is visible if I open a package body from server explorer, but not if I open the generated create script.
    The navigation bar option is disabled in Tools / Options / Text Editor / Oracle pl/sql
    Any hints?
    thx in advance,
    Balint

    Create an application item and select your real user name into it within the post authentication process (part of your authentication process). Reference &APP_ITEM. instead of &APP_USER.
    Denes Kubicek
    http://deneskubicek.blogspot.com/
    http://www.opal-consulting.de/training
    http://apex.oracle.com/pls/otn/f?p=31517:1
    http://www.amazon.de/Oracle-APEX-XE-Praxis/dp/3826655494
    -------------------------------------------------------------------

  • Muse: How to set up a bilingual site with 2 different navigation bars?

    Hi,
    I would like to create a website in 2 languages, desktop and mobile version. The structure of the page remains the same for each language. How should I create the site so that I get one navigation bar for the first language and a second one for the other language? Is it feasible in Muse?
    Thanks for any hint in advance.
    Regards,
    christine

    Hi Christine,
    Some related threads,
    Muse: Multilingual site?
    How can i create a multilingual website?
    how to set up a multilingual website with Adobe Muse and push it live to Adobe Business Catalyst
    Do let me know if you have any question.

Maybe you are looking for