Interactive image transition

iBooks Author: Interactive images on the iPad behave differently from the way they behave as you build them. They do a stupid sideways slide. Is there a way to turn that into something useful? I want to show subtle detail differences from picture A to B to C etc. A fast dissolve or cut in place would be MILES better than a lateral sideways move.
Is there any way to change the transitions?

Hi Schwerd:
Yeah. I just tried it with a portrait oriented image, and it shifts up in the frame. So what I'm seeing is that, if the image is wider than it is tall, it shifts left of center. And if it's taller than it is wide, it shifts up.

Similar Messages

Interactive Image

Hi,
In Apple's iBooks Author there is a widget that is called Interactive Image. Anyone knows how can I build the same functionality in InDesign or if there is such a widget for InDesign that I can get from somewhere?
thanks

revelic wrote:
Any tips about pit holes related to this tools I should be aware about?
Multi-state objects in InDesign work as widely documented, and can be very powerful with the right approach. However it bears mentioning that the InDesign feature works more at an un-automated, base-function level than the iBooks Author widget, or similar mechanisms typically found in more consumer-targeted products by Apple and Microsoft. Many users transitioning to InDesign from such packages often express disappointment in the relative absence of automated and prefabricated feature-utilities. Typical design professionals using InDesign wouldn't want the software "guessing" at what is desired, or presenting theme-prepackaged graphic sets for all-in-one injection. With InDesign, you'll have to manually build all of your graphical enhancements, and make all your choices without "design aids."

Blurry Photos in Photo gallery and Interactive image widget--(iBooks Author)

The pictures that I put in my photogallery and in my interactive image widget were at first clear and would get bigger when I tapped on them (in preview mode on my iPad), and then all of the sudden, they all are blurry, and now when I tap on them, they don't get bigger/zoom! How do I fix this??

The iBook is about 80 pages, and there is an average of one widget per page, sometimes 2. There are a few galleries in which there are more than one picture, but many of them are simply with one picture (because this is the only way to make it get bigger when you tap on it when on the iPad). For the Interactive Image widgets, I took a screenshot of a google maps route, and then focused on different stops to show directions on my iBook. I just redid all of the photo galleries that were blurry, and they are fixed now (no longer blurry). BUT the interactive images are still blurry....maybe I just need to go back and redo them?

How can I create a interactive image on ibook author, just like the temperatures map on the "life on earth" book?

I need a create an interactive image at the ibook author app, but I don´t know how, I saw the interactve image in the "life on earth" book, from the apple store, in an temperature map
apreciate that someone could help me, please

Doesn't work w/iBA books & iBooks 2, sorry.

How can I change the color of interactive image label box background.

Interactive image labels are a bit overwhelming in appearance. Can I change the label background color or make it partially transparent? I have tried several things and looked this up on Lynda.com training but no info.

don't know how much this might help but you can change some colors using the Inspector as follows:
from the text menu you can control paragraph and character colors, from the text menu you can control the text color.
hope this helps...

Full Screen Interactive Images?

Apple's video demo of the interactive images widget (as seen on this page: http://www.apple.com/ibooks-author/gallery.html ) shows the image opening full screen when clicked. I cannot make this happen. The 'full-screen' option is always disabled in the widget editor, and all interactivity occurs within the confines of the page. Any idea how to make iBooks Author deliver the result shown in this demo? Thanks.

When you place your 'Interactive Image' Widget onto your page...when you Preview/View on your iPad simple pinch to fully zoom the 'Interactive Image'.. TAP the X in the upper left to close full view mode.
I suppose you would think a double tap would bring you to full screen mode...but that could be a bad feature for interactivity where readers don't realize its interactive or a static type image.
Hope that helps.

Change colors of interactive image controls

Hello,
I seem to be having a problem with the interactive image widget in iBooks author. In the software, and under the template I'm working with, i added some interactive image widgetsvwith always-on controls. Now the controls niceley integrate wth the template by adopting a light blue color.
However, when i preview the book on my iPad, the controls are dispayed in black which is, in my opinion, much uglier thannblue for this specific template, do you know how this csn be changed ?
Thank you

I suspect this repsonse is somewhat mis-leading, the code has no effect on the control other than setting its state, although the route is somewhat tedious for the mod.
I would imagine that the control is set up so that the pixels didn't move around when they are being used as controls.
There are nested groups and locks on the controls, which might make the ordering in the cluster easier to manage.
The following should work....... ;-) it did for me
Open your own new VI
Open the main LCD VI
Open the Browse VI Hierachy
Drag and drop the LCD VI onto your own diagram
Create a cluster from the LCD VI's connector
Now ungroup the clusters and unlock them (this is tedious) if you create your own then you could be more imaginative in the structure, I leave that for homework.
Then import a new bitmap (gif) into the control
Now update the modified contol back into the master control
........ Told you it could be done, but I am not sure the pain was worth it.
BUT
Try the alternative control..... with colour settings as well, ANY colour and even some size control.
It was here http://members.lycos.co.uk/sgctek/

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

Interactive Image Panning within a Mask

Hey guys thanks for the help so far. The last piece to the
puzzle for me is figuring out how to scroll a movie clip within a
mask. I'm currently working with the script taken from the
Interactive Image Panning tutorial on kirupa.com as a base. Right
now the script references the entire Stage area for scrolling the
image whereas I want this to happen just within a mask. How do I
set this up. Here is where I have the script right now:
this.onMouseMove = function() {
constrainedMove(Work_placeholder, 4, 1);
function constrainedMove(target:MovieClip, speed:Number,
dir:Number) {
var mousePercent:Number = _xmouse/Stage.height;
var mSpeed:Number;
if (dir == 1) {
mSpeed = 1-mousePercent;
} else {
mSpeed = mousePercent;
target.destY =
Math.round(-((target._height-Stage.height)*mSpeed));
target.onEnterFrame = function() {
if (target._y == target.destY) {
delete target.onEnterFrame;
} else {
target._y += Math.ceil((target.destY-target._y)*(speed/100));
ps. the instance name of my mask is Work_mask (movie
clip)

ok note sure if i got what your saying but il give it a try.
you have a background image and a mask made up of 72 squares
(1 symbol, 72 instance of that 1)
if thats right. i just tried it also all i is 1 box working.
mainly cause there symbols. so how do you do 72 easy make it 1
symbol but not the easy way your ganna have to make it the long way
ill try to help...
go from the stage into the mask symbol so you can see the
background image. now instead of having 72 instances just copy
frames and make 72 layers then move them to fill screen. making
your checked desolve look possible.
if thats not what your looking for please put more info so
someone else or i can help thanks..

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.

IBooks Author ( interactive image )

Hi to everyone,
I have a problem with an interactive image in iBooks Author. i've added the image in .jpg format and all the interactive "buttons" with own interactivity zoom for each one. When I test it on the working area, it works correctly even it's quite slow, but once I preview it on mac book pro or ipad, it doesn't work as shown in the working area. when i click on bottom to see the details, it becomes white. Who can help me?
Thanks
Alberto

Have you solved your issue? If not, can you provide us with some screen shots of what it looks like in iBooks author and as preview in iBooks on your mac?

Battling with Interactive Image

Because I can't change the position of the explanatory text pane in the Interactive Image I got "creative" and fudged it to be more like how I want it. I set the background of the explanatory text to black (with the text itself white) - to the new "pane" is only ever as big as the explanatory text, rather than uniform across all interactive items. I then set the graphical style of the pane's background to "none" so it doesn't show up and overlap any of the image.
When previewing on the iPad, however, the pane's background appears and greys out my entire image as the explanatory text appears. Not cool.
Ideally it'd all just appear in the pop-up bubbles but in a rather silly design decision the width of the unselected bubble is the same as the width of the expanded bubble, making a slightly crowded interactive image totally unreadable.
Does anyone have any tips on removing the background of the pane in the explanatory text properly?
J

1) Open Inspector (make sure the widget is the highlighted/active element).
2) Click on the widget icon (top right brrwn box with cog in it).
3) You can now choose "Layout" or "Interaction". You want "Layout".
4) Check or uncheck the boxes for Title, Caption or Background until you get your desired appearance. You can change the position of the label in there too!

Interactive Image: Text Styles?

Is there a standard text style we can edit to modify what shows up in the text boxes when an interactive image zooms in?
According to the Style menu it's "Body Bullet" text, which just by looking at it you know that's not right. I don't see an "Interactive text" option anywhere in teh menus... assuming it all has to be done manually. BUT if there's a way someone has found to change the default text style within Interactive Images, then I'd only have to do it once and not dozens of times per book. Much like editing layout text (allegedly).
Ideas?

Yah I'm a little surprised Apple has left out so many basic features and also integrated some bizarro-world behaviors not consistent with any other Mac app I've ever used (see also Zoom shortcuts). Cmd +, Cmd-, Cmd-0 anyone? This stuff is not that complicated.
Hopefully we'll get a hefty "polish update" this summer.

Changing standard size of interactive image?

Hi, when I drag in an interactive image widget, is it possible to change the size of the widget itselve? Not the image that rests inside, but the widget. When the image is smaller than the widget, there is wasted space on the top and the at bottom, and I don't seem to be able to drag the corners of the widget around to the needed size.
Any help greatly appreciated.

From full edit use the menu:
File >> Save For Web
Select your format e.g. jpeg, PNG, GIF etc
You can then adjust the file size and quality (compression)
Before and aftrer images are displayed to enable you to compare the new file size with the original size.

Changing color of Interactive Image label?

i'm pretty clear on how to alter the title, caption, border of an Interactive Image, but i'm wondering if there is a way to change the color, orientation and appearance (other than font) for the associated labels? any help would be great. thanks!

fabe: i totally get that -- and you're right -- a good designer would understand that the labels shouldn't upstage the graphic to which they refer. to that end, i think that effect would be enhanced if you looked at the default screen and simply saw (unboxed) labels, and then when you clicked opn the text, you'd zoom in and the text might even get a little transparent so the graphic is even more accentuated. i also think it would be cool if you could control the default view of the label (change it's colors, characteristics, transparency, etc) and then when setting its zoomed-in view, you'd also be able to change the label's colors, characteristics, transparency, etc, as well. honestly, i'm sort of relieved to know this isn't possible in ibooks author 1.0 (maybe in 2.0?) because i looked and looked AND looked. btw, the app is INCREBIBLY intuitive -- pretty **** remarkable, in fact. you have done an amazing job, so thanks so much! bob (ps: so glad i waited for a great wysiwyg ibook tool -- and that apple released it. i plan in converting a number of my out-of-print books -- and will be using ibooks author!) http://www.bobstaake.com/page5.shtml)

Interactive image transition

Similar Messages

Maybe you are looking for