Edge and iPad- creating a smooth scrolling carousel

Hey all,
I am looking at making a demo for something within my ipad. I'm basically loading a website on the ipad.
What I'm trying to create however is a smooth scrolling carousel within the site, something similar to this:
http://dimsemenov.com/plugins/touchcarousel/#carousel-gallery (example 2)
When viewed on a touch device (and even on a pc with a mouse) the images scroll really nicely, elastic - similar to how the ipad scrolls anyway.
I want to create the same within edge. Is that possible? I did try just creating a DIV and setting the overflow to scroll -- that sort of works, although it doesn't have
the elastic scroll properties that I was hoping for - plus sometimes the div scrolls, sometimes the actual website itself moves...
Any ideas/thoughts on how this could be done?
Thanks in advance!!
Russ

Hello.DId you find any solution? i'm looking for this too.

Similar Messages

Edge and iPads, troubleshooting

So i'm fairly new to the world of Edge Animate. I'm familiar with coding, animation, quite a bit actually.
So I have created a demo to be touch-interaction only (for the iPad). So when I go to use Edge Inspect through Chrome, my animation just flashes uncontrollably when previewed in Chrome. I mean elements that aren't even supposed to be on the Stage yet are blinking like crazy and I cannot seem to pinpoint the issue. It should begging with a nice fade-in animation and then stop. But instead…
Since i'm new to Edge Animate. I wanted to know if there was something that I was missing. Possibly a piece of code that's supposed to go at the start of the animation that i've completely missed or something? I can post screen grabs of any and all aspects if that helps?
Thank you!

So I ended up brining my work iPad home.
The animation is currently not on a server, i'm just testing it remotely. So when I preview on my computer the start of the Animation appears how I want, but there's a symbol that is also on stage and I cannot figure out why.
So now I finally got Edge Inspect to connect on my computer. But when I preview the page that I can see in my browser, it is blank on my iPad.

Smooth scrolling long articles still snaps on iPad retina and mini

I have some long articles (between 6000px and 9000px). On the iPad 1 the smooth scroll works fine, but on the iPad retina and mini the articles are snapping to undefined points in the article. Now the articles are impossible to read on the iPad retina and mini. Using PFD or JPG in the article properties doesn’t matter.
Anyone knows why this works on iPad 01 and doesn’t work in the retina and mini version? THX
Bests, Puck

Hi Bob,
Thank you for replying.
I just need one image in each state though -- that is shown anytime a user clicks on a button, so how would I limit the functionality of an image sequence to just show one photo while creating an MSO with a button? Would that mean creating a folder per image with one 01.jpg image in it and then making these 3 placeholders into an MSO? It seems to me that an image sequence is not providing the functionality I want and this is some sort of a hack unless I am misunderstanding its function.
Sounds like a lot of redudant work instead of having a simpler way to show an MSO with high-res photos on an iPad 3/4 and smaller images on iPad 1/2 and Mini.
Thanks,
Alon

Smooth Scrolling : folio size VS article size

Hi
I'd like to create a smooth scrolling article just like in DPS TIPS "Effects" by Bob Bringhurst.
I follow the steps from the article but it does not work.
What I want to to is to have a 1024*768 (horizontal only) folio that includes articles that may be longer than 768 height (let's say 1024*2000).
If I create a 1024*768 FOLIO and import articles that are 1024*2000
i cannot upload because it says :
Error generating content.
[Error: The proportions of the page size must match the folio.]
If I create a 1024*2000 (example) FOLIO and then import articles that are exactly 1024*2000
- it works (well I can upload) but i can only import articles that have the exact dimensions of the folio, the DPS TIPS says "you can mix and match Smooth Scrolling and non sooth scrolling articles in a folio".
And then the problem is I never ever see the folio on my Content Viewer on the iPad then.
I can only see it it the Folio Producer.
There's a point that says "You cannot create horizontal smooth scrolling article, the workaround is to create scrollable frames, which can now include interactive overlays"
What bugs me is that in the example we can see an Horizontal Smooth Scrolling (1024*2000 just like in my examples and tests)
If the only workaround is to cretae scrollables frames, I'll do so but maybe I just missed something ?

yes it has/had.
i closed eveything, did everything again and now it works, maybe it was just a bug or i missed something, everything's fine for now thanx !

Scripting the lenght of a page (for smooth scrolling in DPS)

Hi, folks
I am quite a layman in this scripting world but I have a question that I would really need answered. It's not so much a question of 'how' but one of 'is this possible with scripting'?
We want to set up a system where the pages would be automatically created with XML input from a short set of templates so that they end as indesign documents in a given folder.
We have a very clear idea now on how to do that. But now, I have to take a design decission: Should I try using "one-page articles" with pages of variable lengt depending on the size of the body text frame? (so that they make afterwards smooth scrolling in Adobe DPS)?
What refrains me from doing that is that body text will be variable in size and lenght. So... I cannot predetermine which length must have the main frame in the pages and, consequently, I cannot predetermine the lenght of the pages (expressed as top margin + body frame length + bottom margin).
The question for scripting: Is it possible that you may run a script that does this?
- Text is input into the main body text frame via XML import.
- Frame is resized so that it fits with content (no more, no less).
- Page is then resized so that (expressed as top margin + body frame length + bottom margin) it keeps designed proportions.
I hope what I want is clear enough, because that is the doubt that is stopping me from trying the one long page winding way. Any idea, please?
Thanks a lot
Gustavo (Posting from Madrid)

Hi Gustavo,
yes you can accomplish what you are describing with InDesign scripting.
Instead of creating a smooth scrolling page you could even create a frame with scrollable
content on the template an fill the scrollable content with text.
That way you will not have empty spots on the page.
That sounds like an exiting project which combines InDesign, DPS and scripting skills.
Stefan

Completely smooth scrolling - impossible?

is it impossible to create completely smooth scrolling in
Flash?
look here:
http://public.develop.fyens.dk/choppy.html
it's moving one pixel per frame, at a framerate of 60 frames
per second, and the hardware frequency of my monitor is 60 Hz, so
it should be scrolling
completely smoothly.
but every second or so, it drops a frame - it's not
completely smooth.
you can get the source here, if you screen is not set to 60
Hz you may need to change the framerate:
http://public.develop.fyens.dk/choppy.zip
now, then - assuming that Flash was somehow unsuitable for
this kind of task, I went ahead and wrote a win32 application
instead ... with the exact same result! ... animation in windows
just does not seem to run smoothly ... could it be a driver issue,
or is it a general limitation in windows?
I then changed my application to full-screen, and it runs
smoothly.
but having to port our entire flash application to a real
win32 application running full-screen would be a big task.
any idea if 100% smooth scrolling is possible with Flash or
not?
is there something I can turn on or off in Windows somewhere
to make it go smoothly?
Thanks!

Of course, no, nobody is going to change the refresh rate of
their monitor to accomodate an animation :) .... but the animation
I'm working on is for a large LCD display in the street, and it
runs at 60 FPS, which is why I'm targeting this framerate
specifically.
I don't believe that 60 FPS is overdoing it - I've tried on
three different systems (with a DELL monitor, a BENQ monitor, and
the large LCD matrix display), all of which have abundant CPU power
to pull off an animation at 60 FPS - I've checked the CPU meter,
the animation uses about 5-10% CPU on all three systems.
The difference between 60 and 30 FPS is certainly not
academic - there is a clear visual difference, 60 FPS for slow
scrolling text gives a clearer more stable image .... the same
animation, e.g. moving twice as fast (2 pixels per frame) and
playing at 30 FPS looks slightly blurry on the horizontal. I'm
guessing this is because the screen is still updating at 60 FPS,
which means it's actually painting each frame of the animation
twice - and since the graphics card driver won't allow me to change
the update frequency of the display to 30 FPS, well...
Apart from that, reducing my animation to 30 FPS does not
help - I still get a jerk or flicker in the animation every second
or so, and it's actually worse than it is at 60 FPS.
Please compare for yourself the two versions here:
http://public.develop.fyens.dk/choppy.html
As you should be able to see, there is a clear visual
difference between the 30 and 60 FPS versions.
While, yes, movies in the cinema run at 25 FPS, these images
are actually projected at a rate of 25 FPS - if you displayed 25
FPS at a physical update frequency of 30 FPS, for example, you
would get extremely jerky looking motion, since some frames would
get twice as long (two updates) as others...
Also, you can't really compare a movie to a scrolling text -
because the scrolling text is a single object moving at a fixed
rate, the eye will instantly detect any variation in speed or any
flicker in the display update. Detecting variations in framerate on
movie material (such as the ads we play back periodically in the
flash player on the same screen) is almost impossible, because the
entire screen contains elements moving in varying directions at
varying rates...
It's like the Flash player is not properly synchronizing it's
display updates to the update frequency of the screen - having some
game development experience, I would say it looks like it's not
waiting for a vertical refresh before it updates. I'm guessing it
probably times it's display updates with a timer, and just paints
without waiting for vertical refresh.
Finally, as said, a full-screen Windows application can
produce completely smooth output at 60 FPS, while a windowed
application displays the same artifacts I saw in the Flash player.
This was reproducible on three different systems.
I thought there might be "something" else running in the
background on these computers, that would cause the CPU to spike
every second, thus lagging the update of the Flash player ... but
having closed all services and processes not directly necessary to
keep the system running, it's still jerky. And the fact that it's
smooth in full-screen mode also goes against this idea.
So it looks like a limitation of Windows, or the graphics
card drivers (NVidia-chip based cards in all three systems), and/or
a hard-to-beat limitation of Flash and windowed applications in
general - I can't tell which...

How do I add a fixed object on a smooth scrolling article?

I'm looking to create a smooth scrolling article, but I want to have a button stationery at the top of the screen. The content of the rest of the article will scroll behind it.
Is this possible?

Place the button on the next article (on the right side of the article where you want your button).
Move the button to the left, beside the page (imagine the article where it should be on the left of it).
Group it with a blank rectangle that's on the page.
Place your button on every page of the second article, otherwise you see it only when that article is on the firts page (place it on the masterpage). That article must be a fixed scrolling article.
This works perfect.

Smooth scrolling page - slideshows not working. Please help!

Hi, I've created a smooth scrolling page with 3 slideshows positioned as you moove down the page. They appear to be working when previewed but not once uploaded. Does anyone know why?
Thanks

Hi Bob, hi Ross,
I've monitored the same problem. When a slide/MSO in a smooth scrolling article goes over the fold, it'll not play automaticly neither manual by tap.
It has nothing to do with selected running single or multiple times. Seems like the same problem with MSO's go in document bleed.
Seen on DPS v28 on iOS, but also on earlier versions.
Kind regards,
Tobias

Smooth Scrolling has stopped in Google search but only Google search, how can I fix, thanks

There are scrolling 2 modes in Google search as far as I know one which I have always used which is smooth scrolling and the other where it jumps to the next site individually. Somehow after an update or something Google search on Firefox has stopped smooth scrolling. I also use safari and google search still smooth scrolls there.
Anyway in advanced smooth scrolling is checked.
If you are able to help please let me know.
Thanks

Hi 1ermintrude1,
Please try to forget the site by going to the page about:permissions and clicking "Forget this site" as well as please Reset Firefox.
The Reset Firefox feature can fix many issues by restoring Firefox to its factory default state while saving your essential information. <br>
'''Note''': ''This will cause you to lose any Extensions and some Preferences.''
*Open websites will not be saved in Firefox versions lower than 25.
To Reset Firefox do the following:
'''For Firefox versions previous to 29.0:'''
#Go to Firefox > Help > Troubleshooting Information.
#Click the "Reset Firefox"[[Image:Button reset]] button.
#Firefox will close and reset. After Firefox is done, it will show a window with the information that is imported. Click Finish.
#Firefox will open with all factory defaults applied.
'''For Firefox 29.0 and above:'''
#Click the menu button [[Image:New Fx Menu]], click help [[Image:Help-29]] and select ''Troubleshooting Information''.Now, a new tab containing your troubleshooting information should open.
#At the top right corner of the page, you should see a button that says "Reset Firefox"[[Image:Button reset]]. Click on it.
#Firefox will close and reset. After Firefox is done, it will show a window with the information that is imported. Click Finish.
#Firefox will open with all factory defaults applied.
Further information can be found in the [[Reset Firefox – easily fix most problems]] article.
Did this fix your problems? Please report back to us!
Thank you.

I have 10 UiWebView to load different charts and maps on an iPad,using UIScrollView to scroll through each page, problem is on loading of each UiWebView my UiScrollView does not scroll smoothly to other pages horizontally,so how to make the scroll smooth?

I have 8-10 UiWebView's to load different charts and maps on an iPad, i am using UIScrollView to scroll through each page, problem is while loading of each UiWebView my UiScrollView does not scroll smoothly to other pages horizontally, my query is can i load UiWebView on background and how to make sure the scoll of pages is smooth, even though the loading of UiWebViews may take time.
Note :i have tried disabled scrolling on webview, so when i scroll on the page the scroll event will be of UiScrollView, so believe no conflict with UiWebView.
also in ios 6 i read about suppressesIncrementalRendering = True but i want to support ios5, also as UiWebViews are said to be running on main thread by default, i suspect when loading of webViews and when user tries to scroll the page, the main thread is busy, but i want the scroll of the page to be smooth even though the loading of UiWebViews may take time.

You will probably get a faster and more accurate answer if
you repost in the Developers Forum.

EDGE and HTML dynamic text in a "box" with scroll bar

I'm new to EDGE, a win7pro master collection cs5.5 suite owner. I'm mainly in the Film/Video post production field (mostly AE, PPro, Pshop, IA) but have been branching into web design the last couple of years. I use Dreamweaver, Fireworks, Flash. While I'm a expert user with all the Film/video apps, I would say I only have intermediate ability with the web apps. While I understand a lot of programing logic bulding blocks I'm not a coder.
So since we're told "flash is dead", my interest in Edge is to try to do some of the things that I can currently do in flash in EDGE. I was excited when Edge first came out but lost interest when it became obvious that Adobe was not going to offer Edge and Muse to "suite owners" but only in their force feeding of the "Cloud". Better known as the "golden goose" for adobe stockholders and a never ending perpetual hole in the pocket for users. Anyway....
I spent the last couple of days doing some of the tuts and messing with the UI. It's matured a lot since I was here last.
I've been working on a flash site for a sports team where one of the pages is a player profile page where college recuriters and other interested parties can view recuriting relavent info/stats about players. This is how it works. While on the "Team" page a users clicks on a button labled "Player Profiles" . (Animation) A "page" flies in and unfurls from the upper right corner (3d page flips effect created in AE played by flash as a frame SEQ). Once it lands filling most of the center of the screen there is a bright flash. As the brightness fades we see the "page" is a bordered box with a BG image of a ball field(End). (Animation) from behind the border in fly small pictures (player head shots with name and jersey number). They stream in and form a circle like a wagon train and the team logo zooms up from infinity to the center of the circle(End). As the user mouses over a player's pic it zooms up a little and gets brighter (like mouseover image nav thumbs for a image slider). If the user clicks on a player's head shot it flips over and scales up to become a text box with a scrollbar. The content of the box is a mix of images, static and dynamic text fields populated from data in an "player info data base" XML file, and some hyperlinks. It's all kept updated dynamicaly with current stats, info and images from the XML file. There is also a "PDF" button that allows the user to open/save/print a PDF of the player's profile (the PDF's are static files for now but the choice of which pdf to retrive is dynamicaly supplied via the XML file.
So.... Is Edge now able to do something like this? Would it need to be a collection of small animations? could these be "assembled" and connected as an asset in dreamweaver ?
I thought I would approach this from the end (ie click on an image and display a box with dynamic TEXT fileds. ) since that is the most important part, ie displaying the dynamicaly updated profile info. Sooooo....
Can Edge display a scrolling text box with Images, static text, and html dynamic text in it??
Joel

The code is in composition ready. Click the filled {}

How do I move/copy contacts from Entourage to iCloud Address Book without creating duplicates? Address Book on Mac, iCloud, iPhone and iPad is now empty

How do I move/copy contacts from Entourage to iCloud Address Book without creating duplicates? Address Book on Mac, iCloud, iPhone and iPad is now empty

Thank you for letting me know!
Going to give it a go. Had a back up of all my clients files stupidly not my software as I have the originals disks. Just realised that amongst the software is ibiz and have lost al my accounting and billing files for the last 7 years want to cry so losing my contacts now will really tip me over the edge!
Fingerscrossed this works!

Preview on iPad through Folio Overlays window of smooth scrolling article.

Preview on iPad through Folio Overlays window of smooth scrolling article (ex. 1024 x 2000 px) is not working anymore. Article is scaled and turned in vertical orientation. No problem with Folio Builder.

Thanks for reporting this, I'll pass it on to our test team for investigation and they'll log a bug against a future release if we can reproduce it.
Neil

Create an image scroller with swipe&drag in Edge Animate

Hi folks!
I'm trying to create a image scroller like this one http://www.awwwards.com/demo/touchSwipe-gallery-demo.html.
For the Swipe, I use the wonderful JQuery Plugin TouchSwipe http://labs.rampinteractive.co.uk/touchSwipe/demos/, but for the image sliding I would use the Adobe Edge Animate Timeline.
I know that I can use the Swipe events in Edge Animate to make start or reverse the timeline with pictures, but I would also make working an intermediate "dragging".
My problem, in fact, is: how can I make that - if I've only begun to swipe and I move the finger to left or right without releasing it - my timeline "drag" (or scrubs) frame by frame - like in the example above - until I release the finger?
Many thanks in advance!
Davide

Hi Elaine!
First, thanks for your prompt answer!
I read the link you gave me: in fact, I was aware - also thanks to Old Tim's posts - about how to create a "scrubber" in Edge Animate, starting from formulas like:
Translation = (positionOfScrubber/WidthOfScrubbing)*timeline;
My problem now is - I fear - more subtle: I can swipe left-right a set of pictures, I can "scrub" a timeline (using for example JqueryUI for the dragging), but I don't know how to put together the swiping and the dragging.
I would that - like in the example from my first post - if, e.g., I completed the swipe left, my timeline would play the animation that shows the pic moving to the left but, if I didn't complete the swiping and I begun dragging to the left, the animation would move with my dragging-finger (the "scrubbing")...
I know is very subtle, but it's how the gallery scrollers works on web and app in mobile devices...
Many thanks for your attention!
Davide

Smooth Scrolling made clear and easy

A new folio appeared in Bob Bringhurst's jewel app "DPS Tips", discussing all kinds of special content and interaction. In the Smooth Scrolling section it states that you cannot create Smooth Scrolling articles simply by "Adding" an article. This should be achieved by "Importing" Articles. And it specifically states that you can't create horizontally scrolling articles. This baffles me ! I know it can be a bit tricky, but when explained and understood carefully, there's no problem in using the "Add" button or even to create a horizontally scrolling article on the fly.
The tricky part is, how the InDesign file (an article's half) is 'born'. To be able to use the "Add" button to create a properly scrolling article, you must check that the Document Setup upon making a new file (or even later on) is set to the proper single-page size (in a 3:4 dimension) and with the desired orientation (landscape or portrait), before you hit the "Add" button. Because this is where the Folio Builder gets its information from about the dimension and orientation. Afterwards, you set the page's length with the Page Selection tool – but take care: ONLY the length ! DO NOT use the width or orientation properties with this tool, nor use the Height setting in the Document Setup, although these seem very obvious for this task. You can even correct a page afterwards, and get the "adding" right (and lengthen it properly) if it has been malformed and unaccepted by the Folio Builder before.
So, to conclude: start a scrolling page with a single page, normal size (1024x768), landscape or portrait, add it to the Folio, and then lengthen the page with the Page tool's Height setting. Don't forget to set the Smooth Scrolling option accordingly among the Article's properties in the Folio Builder panel. No big deal !

That's indeed the culprit: when you have already set the elongated landscape page upon New Document. But it's still easy to correct that afterwards: switch it back to 768 in Document Settings (the cropped content becomes invisible but remains in place), aAdd the layout (it will become the landscape version), and stretch the page to the desired length with the Page tool's Height property.
Both methods can be difficult, depending on the way you prefer to work. Visual designers who already find it hard to keep track of a Package folder will shiver upon seeing the rigid hierarchy of a Folio folder; technical users won't mind preparing a folder stucture like that. Using ADPS requires many more unlogical steps than just this, like updating a design (not at folio or layout level, but only the whole Article) or discovering that one missing or extraneous orientation prevents the folio to be previewed.
So either way it is fishy...
But I'm glad that this aspect will be tackled by an update, soon !

Edge and iPad- creating a smooth scrolling carousel

Similar Messages

Maybe you are looking for