IBooks Author How to make timeline interactive images?

Dear iBooks team
Can someone give me some clues and advices on how to do it? Does it need an HTML widget?
Image in the Annex
I need to know what software to use to create this interactive image, it is best tutorial.
Thanks

See this link:
http://www.classwidgets.com/widget/timeline
.,,just for you

Similar Messages

How to make timeline interactive images?

Hi,
I would like to create interactive images like the one on the right of page 31 in Life on Earth.
Can someone give me some clues and advices on how to do it? Does it need an HTML widget?
Thanks

An interactive timeline widget is available at
http://www.classwidgets.com/widget/timeline
which will automatically create a HTML widget for you from the images you give it.

In ibooks author how to make an existing page start a new section

I have imported a Pages document into ibook authors (version 2.1.1 in OS 10.9.1) using the Classic Text Template. The original Pages document was basically a book, with title and table of contents and forward and several sections. Now everything is one huge unit. During the import I can choose a layout, but only a chapter or a section. Then all of the document is regarded as having that layout -- every page is regarded as having the section layout, for example, though only the first page has the smaller text area and the large text as a header. I can see all the layout possibilities in the Layouts sidebar, and they include section and forward and 1 column. When I hover the cursor over a particular page the book sidebar I see the little triangle that has been mentioned, and it offers options for changing layout, but it does not allow me to make that page a new section or a forward. I can only make the page 2 column or put a sidebar on it. I cannot see how I can import the book and be able to create chapters and sections with ibooks author. I can insert a new section layout, or a new page, but I do not see how to to change a page, after it is imported and is considered to be the text of a chapter or section, into the start of a new chapter or section. I do not find anything in the inspector or on the menubar or in the help center that makes this change. The "add a chapter title" does not change the layout to make the text box smaller, as it should for a layout. Is it actually possible to convert a Pages book into an ibook authors book, or must I create the blank chapters and sections in ibook authors and then cut and paste each section from Pages?

The advice given for iBA, is to preplan your book. Modify an exsiting template as your layout suits you, to present a quality book to your readers.
iBooks Author is really more "app" than a book maker like inDesign or even Pages, - and users should really get to know how to use it before starting out on a serious project.
The insert options are clear - you can insert a Chapter from MS Word or Pages in iBA a "chapter" is a distinct "standalone" part of a book which can include sections and pages as required. Sections can be moved up or down within their chapter or can be copied from one chapter to another. The pages in any chapter are static and the only way to change content location is copy and paste.
From your post, its seems you decided to create you book using Pages and in one chapter expecting iBA to reformat it.
I would suggest a solution is to count your chapters and add that number into an iBA new book, then copy your Pages chapters. I would guess that the whole process would take less than 30 minutes.
Apple recieves feedback and suggestions for improvements, however the last update made very few changes to the application and none of those seen in many posts - such as being able to move pages. This indicates that Apple at least, are satisfied that the version is functional enough for how Apple see books being made for its store. 12 months ago this forum was taking hundreds of posts per day asking advice, its now a trickle- which I take to be in indicator that as a group, iBA users have taught themselves how to use the application and its many options and third party add on's. iBA is more suited to the interactive side of publications as Apple intended, creating a mainly text only "novel" seems to be considered by Apple as the easy part!

When creating a book in iBooks Author, how do I get the book pages to flip instead of scroll?

I'm interested in knowing if there's a way to get iBooks pages to flip instead of scroll when creating then in iBooks Author. I think having the image of turning a page, instead of it just scrolling, is appealing to the reader, but I don't see how to do this in the iBooks Author program. Any advice is welcome. Thanks.

It is a silly feature, but Apple would be remiss if they did not offer it.
Go to the App Store someday and read the reviews of iBooks.There is an incredible amount of bellyaching because the new (iOS 7) graphics don't look as touchy-feely as the iOS 6 graphics. A lot of people want to feel like they are holding a piece of tree in their hands when they read eBooks. Doesn't compute for me, but as an author, I don't want Apple to kick these people in the shins, either.
As for the processing hit...uhm...unless you happen to be rendering 3D animations at the time, it probably isn't going to ruin your chip's day.

How to make an icon image using Photoshop

I found out how to do this recently so I decided that I wanted to make a tut for those who don't know how to make an icon image. This icon image is for the libraries tab on your computer. Under the libararies tab there is Music, Pictures, Documents, and Photos
First you will need the ICO (Icon image format) Format extension for photoshop which can be downloaded here:
http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html
The download link and tutorial on how to install it is all in the link above.
Once you have that all set you can now launch photoshop to create your icon image. Once you have launched it, create a new document with the size as in the image below.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/256x256_zpsbf3dcf8e.png~original[/IMG]
Create the image you want. I used a simple one by using the custom shape tool by pressing "U" on your keyboard and with the
basic blending options.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/IconImage_zpsd788c709.png~original[/IMG]
The reason why the image is pixelated is because it is an icon image. Since the image is only 256x256 pixels when you zoom in on it that will get you the pixely result. The reason why I zoomed in is so you can see it. But don't worry this is no the end result. Just continue reading and you will see.
So once you have created the icon go ahead and press
file>save as>(under format choose the ICO)>and choose the name that you want to name it. And save it in your C: drive. You will see why to save it in your C: drive in a sec.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/SampleicoPic_zpsd252bfba.png~original[/IMG]
So now that you have created the icon and saved it now you can create the new library.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/NewLibrary_zps8ca703b2.png~original[/IMG]
Name the library whatever you want I named it "Sample" for tutorial purposes. Notice how it gives you a default boring icon image for your library.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Sample1_zpsb5472840.png~original[/IMG]
So now once you have created and named your library now it is time to get the icon image into place.
Go to computer/c: Drive/users/YOU/ And now once you have reached this area you will need to access a hidden folder named "appdata" to do so press "Alt" then a menu bar will show. Click
tools>folder options>and view. Find the option to view hidden folders then press apply then ok. Now we shall continue so AppData>Roaming>Microsoft>Windows>Libraries
Now you should see all the libraries including the one you just created.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/showhiddenfolder_zpsad4a3c94.png~orig inal[/IMG]
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Libraries_zpsf6243bc0.png~original[/IMG]
Once you have reached your destination then open a new text document with notepad and drag the library you just created in notepad. The result should look like this:
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Notepad_zps251a86f0.png~original[/IMG]
once you have reached this point click at the end of the second to last line down then press enter and enter in this information
<iconReference>c:\"NAME OF ICO FILE YOU CREATED IN PS".ico</iconReference>
Example:
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/iconreference_zps1c1a3eca.png~origina l[/IMG]
Once you have entered that information go to file>save and the icon image should appear on the library you created.
[IMG]http://i1297.photobucket.com/albums/ag25/dusty951512/Finished_zps267f893a.png~original[/IMG]
Now you are officially finished. Go and spread the news and joy. Bye for now
-Dusty951512

It is Windows only because all those screen shots are exclusively Windows, the file structure and paths do not resemble those of the Mac in the least. As a Mac user, there's nothing I could take from your tutorial. Sorry,
No drives named with letters like C: on the Mac, for instance. No backward slashes either, ever. No such paths either. No "Notepad" on the Mac, we use TextEdit; but such a text editor is not remotely needed on the Mac to make and/or edit icons. Etc.
Those folders are not even called "Libraries" on the Mac… Nothing resembling your tutorial at all.
The icons in the Finder's Sidebar are not customizable at all in recent version of OS X.
= = =
You can edit any post of yours only until someone replies to it. At this time your post is not editable by you any longer.

IBooks Author : How do I change background colour of a Chapter ?

iBooks Author :
How do I change background colour of a Chapter e.g. Recipe Standard Template is Green I would like to change it to ...
How do I do that ?

See iBA Tips and Tricks 01 / How to change page background color

Ibooks author, how do I get the standard book pages background into my document. I have published one book so far which does not display with a book pages background or options for font size.

ibooks author, how do I get the standard book pages background into my document. I have published one book so far which does not display with a book pages background or options for font size.

No on the book title, no problem there.
The issue is: my book pages appear as on white paper, no background that resembles a open book and also no option to change fonts. The book was created in iBooks author, there was a problem going with the "Publish" menu route so I was instructed my Apple to "export" the file and submit that. I think that's the problem after reading that iBooks author is a hybrid epub file.
Thanks for getting back to me.

How to make an interactive block ALV

Hi,
I am new to the field of ABAP and have recently started working on ALV's. My problem is that i do not know how to make an interactive block ALV. I have implemented this functionality with the simple ALV but I am not getting the same for block ALV. Anyone who has worked on the same or has any idea please help me.
Regards.
Alok Bhardwaj

Hi jester526,
You'll need Acrobat to create links in a PDF file. Please see https://acrobatusers.com/tutorials/creating-and-editing-links for instructions.
Best,
Sara

How to make maps interactive?

hi, I have add to template in WAD map web item, but I dont know how to make maps interactive (filtering, drilldown in maps). I found some documentation which says:
The following lines must be adjusted correctly to your individual system environment in the HTML code of the Web template.
Example:
<param name=IMAGEMAP_PATTERN value=FILTER_VAL>
<param name=INFLUENCED_DP_1 value=Revenue Cockpit>
But I dont where i have to adjusted
thanx for reply

According tothe BI Functional Enhancement Schedule, this functionality will not be available until the following support pack stacks are released:
<UL>
<LI>Web Applications: Map toolbar (client-side interactivity &#56256;&#56518;zoom in, zoom out) standard + advanced toolbar (Stack 14)</LI>
<LI>Web Applications: Save template parameters and context menu settings as reusable web item. Option to take this as default for all templates (Stack 15)</LI>
<LI>Web Applications: context menu for map item (data cell relevant context menu entries only (Stack 12)</LI>
<LI>Web Applications: context menu for map item (additionally characteristics cell relevant context menu entries (Stack 14)</LI>
</UL>
<a href="https://service.sap.com/~sapidb/011000358700004483762006E">URL to BI Functional Enhancement Guide</a>

How to make other people image more beautiful

how to make other people image more beautiful?

Well I think this is a good topic that has a lot of possibilities, I understand the OP is seemingly being vague but I think perhaps it might be grammatical more then lack of content.
 
 But there are techniques and different approaches to capturing the best qualities of the subject especially those of the human subject.
 
 cjmah
 
 the best way to go about this is post an image that you took of someone that you think can be improved and we can share with you techniques and ideas about equipment that you might like to have to help you achieve what you want to achieve.
 
 Her you save the image as a jpeg about 600 to 700 pixels on the longest length the go to this link
 
 http://www.pixentral.com you follow the instructions for uploading the file then you copy the text in the top text field and paste it into you message before you post it.
 
 Make certain you copy all the text including the link you know from and including this
<a all="" the="" way="" to="" and="" including="" this="" /></a>
 
 It is a good subject.

How to make hover interactive 3D effect image?

Hello everyone!
I love Adobe Edge! I am new to programming and I am making my first website.
I have come across website like this http://mortenstrid.no/ and was wondering if you could give me a tip on how to write a hover interactive image like this or could it be done in Adobe Edge?
Thank you in advance. In return I will share my design and tutorial

Interesting. He really only has 3 layers of PNG files. When you move the hover position of the mouse, he offsets the foreground layer the most, the middle the second most and the furthest back the least. So it just seems like you need a little code that finds the center of the browser and then adjust the position of the layers based on how far your mouse is from center (positive or negative).
I'm sure somebody good with js could write the code faster than it would take to build the graphic.

IBooks Author: How do you get the inset margins applied to the caption text of gallery widgets to preview correctly on an iPad?

Currently the inset margins I set for caption text in the gallery widget resets to zero when previewed on different iPads. These are galleries with different images and the captions are set to “individual caption per image” in the interaction panel.
BUT the inset margins will preview correctly if the gallery caption is set to “same caption for all images” in the widget interactions panel. How does one go about fixing this in iBooks Author? Would love to hear others advice or suggestions or work arounds. Thanks!

I found this article that shows the folder we are looking for is here --
~/Library/Containers/com.apple.iBooksX/Data/Documents/AEAnnotation/
per http://mjtsai.com/blog/2013/11/06/the-problem-with-ibooks/ and http://computers.tutsplus.com/tutorials/beyond-highlighting-how-to-get-the-most- from-your-annotations--cms-20013
So I opened the files in TextWrangler to search for a word I know I highlighted in a particular book. That helped me identify the correct file for the book I am concerned with. I did a Time Machine restore of the file and got my notes back the way they were.

IBooks Author: How do you get the inset margins applied to the caption text of gallery widgets to preview correctly?

Currently the inset margins I set for caption text in the gallery widget reset to zero when previewed on different iPads. These galleries have multiple images and the captions are set to "individual caption per image" on the widget interaction panel. BUT the inset margins preview correctly if the gallery caption is set to "same caption for all images" in the gallery widget interaction panel. How does one fix this in iBooks Author? Would appreciate any advice or work arounds or suggestions.
Thanks!

The arrows don't show up on the iPad, they are only to aid navigation within iBA. You can use boxes in the background to frame your galleries (as the background is off). I believe it's also possible to change the colour of the dots beneath the gallery too, although I forget how to do that right now.
About Apple's rigid UX – I agree that it can be frustrating. Apple intended iBA to be used by everyone, and the sort of design options and customisability we might want may confuse the less experienced user. Apple also wanted the UI for every book to be the same – from the point of view of the new user, once you've used one iBA ebook (or iBook, I'm not sure what Apple want us to call it), you can use them all. Otherwise end users would to get used to a slightly different UI on each book, which kind of works against the idea that ideally UI should be intuitive enough to be invisible. I can see the point in that. I have created a 'How to use' section in every iBA file I've made. It get's old quickly.
Oh, and (you probably know this, but…) you can choose your own custom icon for audio. It's limited, as it's only a placeholder image that allows you to play an audio file, there's no ability to pause the audio or stop it once you choose the view as thumbnail choice. Something I'd like to see changed.
Here's a link to Apple feedback page for iBA. Feel free to hammer it with your suggestions.
https://www.apple.com/feedback/ibooks-author.html

IBooks Author or InDesign CS6 for interactive eBook?

I've been asked to create some "marketing collateral" (free, not for purchase) for my company that in addition to text would include some vidoes w/ audio. The material HAS to work on the iPad b/c that's how it will be displayed at the tradeshow.
However, if the materials could reach a larger audience than just iPad users, that would be a bonus. I've just read that iBooks now supports ePub3, and I understand that InDeisgn CS6 can export to ePub3?
My questions is whether I should use iBooks Author or use InDesign? I use InDesign for print & PDFs, but never for interactive. I don't want to use the DPS - we have no intent of selling this material. I have no experience with iBooks.
I have such a short window of time to produce this, that I thought it would be best to ask some experienced designers which direction you would go.
Thanks in advance.

The idpf links to some epub3 samples hosted on google ( http://code.google.com/p/epub-samples/downloads/list ), and there is one that contains embedded audio & video. I opened it on my 1st generation iPad, and it opened & played the video. It's rather visually uninteresting, however, and I'm not sure if that's b/c of the epub format or the intent of the author.
There are other examples of epub3 out there if you google it, and they will show how how others have utilized the format ( http://vimeo.com/24954073 ). It's still not really what I'm looking for visually.
I looked into DPS on the Adobe site, and the example of Univeristy of Ohio app was amazing especially considering the lack of developers involved. This probably won't work for my current project, b/c it looks as though you have to upload the file to the Apple store, and I've been told they don't want to do that. Bummer; but I'm keeping it in mind for future marketing purposes.
It looks like iBook Author is going to be the winning platform.

Can someone suggest how to make an interactive poster?

Hello everyone,
Could someone suggest how to make interactive images using photoshop. A professor of mine created a poster that had interactive graphics that made movements when rolled over as well as graphics. If someone could suggest a tutorial it would be appreciated. Any suggestions would be great! Thanks!
Sincerely,
Jimi Ryscovyan
[email protected]

Images are not interactive on their own. There has to be more then an image file created with Photoshop. I'm sure the poster image you referring to was being displayed on some electronic device of some kind which was use by some image display application like a browser, that there was some programming involved for example interactive dynamic html, mouse overs , on click perhaps some javascript or even flash. And of course an input device like a mouse for a user to use. More then Photoshop is involved.

IBooks Author How to make timeline interactive images?

Similar Messages

Maybe you are looking for