I'm trying to do something rather impossible, it seems. Yet I have seen this work in other magazines I think.
I have an article with two pages. On one page there are a bunch of thumbnails which all link to the second page. So if you press one of those thumbnails, you jump to page 2.
On page 2 I have a slideshow with all of these thumbnail images, but of 'course in the slideshow they are fullscreen. How can I make it so, that when you press a specific thumbnail on page 1, it jumps to page 2 on that specific slideshow image?
Hope it's clear!
Haha, well "horrible" is a pretty big word.
Jumping to a certain image in a slide show isn't so bad is it?
I'm looking for some kind of alternative here.
I've seen the New Yorker iPad app display slideshows in a different browser within the folio.
How do they do that?
A slideshow is great. Just taking a reader to a fullscreen and leaving them on their own is a horrible reader experience.
Think about it. It’s a deadend.
I already gave you an alternative. Keep the slideshow on one page. Make it a bit smaller than full screen with thumbnails on the side or bottom.
Those thumbnails could even be in a scrolling frame.
You think a fullscreen slideshow is a bad experience?
Well I don't agree. I want a fullscreen slideshow.
You see it in a lot of magazines and for me personally, as for other people I've talked to about iPad magazines, a fullscreen slideshow isn't a bad experience at all.
You call it "taking readers to a fullscreen and leaving them on their own" but that sounds a bit exaggerated to me.
You can always go back.
Isn't it the same as with a slideshow on one page? You cover the entire page with your slide show and then it feels the same. The only possibility to go back is pressing a back button to exit the slideshow.
I'm trying to do it on one page now as you say, it works out pretty good.
But, as you have to create an object state where the slideshow isn't visibile at all, and you have an object state for each slide.
So, 1 object state in which the slideshow isn't visible.
6 object states for 6 slides.
7 object states in total.
But you can't put the swipe function on since object state 1, in which the slideshow isn't visible, will pass and that isn't supposed to happen.
So I've made buttons within the slide object states where you can go back and forth. In the first slide you can only go forth, and in the last slide only back.
Any alternative? Like viewing the slideshow in a different browser? Not a different page but a different browser.
I've seen the New Yorker do it all the time. It's just like you go to the in-app browser to view a webpage, but only then it shows a gallery in which you can swipe through.
Okay, so that's not really full screen. There is text and directions for swiping. Sorry, but I thought you meant having nothing but a picture full screen.
With that out of the way, that's an HTML based slide show. There are a ton of extensions that will create something like this easily using Dreamweaver. Save the HTML and any required scripts and CSS into its own folder and link to that using either the web content overlay or zip it all up and link to the HTMLResources file.
Great! Thanks Bob.
I may try that some time, but for now I think I will go with the object state solution on the same page I described in my previous post.
I won't have any caption though, only an exit button and navigational buttons.
So that's what I call fullscreen actually, with some black around the image though, but still, how is that different
Anyway thanks for your help!