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.

Best Technique

Featured Replies

Hi Everyone

 

I am putting a website together for someone and would like some advice when it comes to adding rotating images to the header.

 

The site is 5 pages so we will call them page1.html, page2.html etc for this example.

 

In the header i would like 5 images to fade in and fade out in sequence. I was thinking of creating this effect in flash and then embedding the SWF file into the header.

 

The problem with this is that when someone is on page1.html, the images will rotate, but say you clicked page2.html when the sequence had got image 3, the rotation would start back at image 1 again.

 

I have built flash based sites before which would obviously eliminate this problem, but i do not want a flash based site.

 

what would i need to do to have a image rotation system in place so that no matter what page was clicked, (page1.html, page2.html etc), the images would still rotate in sequence and not jump back to the start?

 

Thanks for any help

:rolleyes:

I'd guess javascript, but im no good at it myself xD

 

Or you could have a php image randomizer than changes the image every reload.

 

Or xD, you could use them both, so the php changer randomises the first loaded image, and then the javascriot flips between the rest. Sorta clever Xd

use php and update a session whenever it changes, grab the session number on the next page and you will know where you were up to.

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.