Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How to create a fade in and out Image loop without flash

Featured Replies

Hi,

 

I was hoping someone could point me in the best direction to create a non flash image loop. Not too sure what you call it, but basically where lots of images fade in and out on a loop. Here is an example of what I would like to achieve. An example site. I have found loads of tutorials for this, but I am unsure what one is the best to use.

 

Any help would be greatly appreciated as always :D

You can't fade from one image to another without javascript or Flash.

 

CSS will only make a sudden change from one to the other.

  • Author

Javascript is fine, sorry should have said that :D I already use it for the drop down menus and tabbed containers so not too worried about using it for image fades too.

Have a look at these JQuery examples: http://medienfreunde.com/lab/innerfade/ we use these on our own website and on client sites.

 

The reason we like them so much is that they're very easy to set up, and also highly configurable.

 

Hope this helps

  • Author

Thanks dcman, that is excatly what I was looking for!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.