Create Slideshow with Fade Transition and Navigation

Posted by user310564 on Stack Overflow See other posts from Stack Overflow or by user310564
Published on 2010-04-08T00:08:55Z Indexed on 2010/04/08 0:13 UTC
Read the original article Hit count: 794

Filed under:

slideshow

|

navigation

|

jQuery

|

JavaScript

|

css

Hello!

I am trying to create a slideshow like the one on this site: http://www.marthastewart.com/

However, I would like to use JavaScript and CSS instead of Flash. I would be super grateful for any suggestions on how to do this. I am currently using the InnerFade plugin, which works great for the slideshow part, but I can't figure out how to integrate the navigation; I'm not even sure where to start! :) I'm open to starting over from scratch and not using InnerFade.

Thanks for any help!

© Stack Overflow or respective owner

Related posts about slideshow

Tutorials or sample code for creating a slideshow with Photos in iphone

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I am new to iPhone development.I want to create a slide show in my application. Is there any sample tutorials or programs are available to achieve the task? I have searched in net and i dint get anything.What is the proper way to create a slide show of photos? Please help me out. Thanks. >>> More
Javascript Noob: How to emulate slideshow on front page by automatically cycling through existing ho

as seen on Stack Overflow - Search for 'Stack Overflow'
hey everyone. hope you could help me out am working on this website and i've finished all the hover effects i like - they're exactly how i want them to be: http://s5ent.brinkster.net/beta3.asp - try hovering over the four links and you'll see a very simple fade effect at work, which degrades into… >>> More
jquery slideshow/cycle with easing not working

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is my code, for some reason it isn't working when I add the easing option. It works fine with 'fade'. <script src="jquery.easing.1.3.js" type="text/javascript"></script> <script src="jquery.cycle.all.min.js" type="text/javascript"></script> <style> … >>> More
Redirection on the last Slideshow-Element with Jquery

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I'm very new to Jquery and want to realize a manual slideshow with a page-redirect on the last "next"-button. I detect the last Slide-Element with CSS-Classes and then I want to add a Class to the next button to declare that it is the last next-button of the whole Slideshow. The half of my… >>> More
Overlaying image also fades when images change in IE6 jQ slideshow

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a pretty basic slideshow fading between images. On top of that slideshow I have a logo that is absolute positioned to stay partly over the slideshow. It works perfectly, but then there is IE6. In IE6 the part of the logo that is overlaying the slideshow also fades when the images change in… >>> More

Related posts about navigation

Validatation error "Value Error : background-position Too many values or values are not" How to so

as seen on Stack Overflow - Search for 'Stack Overflow'
Why validation giving this error. How to solve? ul#navigation li#navigation-3 a.current Value Error : background-position Too many values or values are not recognized : -164px -164px -36px -164px -164px -36px This is error screen. CSS ul#navigation { height: 36px; left: 300px;… >>> More
[Silverlight, Navigation] Layout of elements added to a tabcontrol on a different navigation page wr

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I am developing a Silverlight client using the provided navigation template for an imageboard I developed. I have a "search" tab which lists all searches for tags which were executed. I also have a show post tab which shows (also in tab-form) posts, opened from the search tab. When I open… >>> More
Tab bar controller inside a navigation controller, or sharing a navigation root view

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to implement a UI structured like in the Tweetie app, which behaves as so: the top-level view controller seems to be a navigation controller, whose root view is an "Accounts" table view. If you click on any account, it goes to the second level, which has a tab bar across the bottom. Each… >>> More
Navigation (controller) in Tabbar (c) in Navigation (c) (iphone)

as seen on Stack Overflow - Search for 'Stack Overflow'
I want to have a TabBar controller inside a navigation controller. So that when an item is selected on the first Navigation Controller it pushes the TabBar into view. Inside this tabbar on the first tab is another navigation controller. However I only want one navigation bar. I've come up with 2… >>> More
Pushing a ABUnknownPersonViewController onto a navigation controller results in having no Navigation

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi There, I'm working with the Address Book UI API on iPhone SDK 3.0. I want to present to the user the ability to create a new user, or add to an existing one, so I am using the ABUnknownPersonViewController. I have an existing navigation stack (with only 2 other views on it). Trouble is when… >>> More