Next: Asr Jama'ah 5:00 PM · in 2h 14m

Ramadan 1448 timetable is now available — collect a printed copy from the masjid or download the PDF.

Homepage Slider

Six treatments, all working — click the dots and arrows. They differ in how a slide changes, where the copy sits, and what the visitor can control. Tell us the number you prefer.

Read This First

Most people only ever see the first slide

That is the consistent finding wherever carousels have been measured, and it is worth knowing before choosing between five of them. Whatever goes on slide one does the work; slides two and three are seen by a small minority.

So the real question is not which transition is prettiest. It is whether the masjid has one thing to say above the fold or three — and if it is one, option 6 is the honest answer.

Whichever you pick, anything that moves by itself needs a way to stop it. That is WCAG 2.2.2 at Level A, and the homepage did not have one until today.

1

Fade, centred

What the homepage uses now

Interior arches of a mosque prayer hall

A house of worship, learning and community

Five daily prayers, two Jumu’ah jama’ahs, a madrassah, and a door open to everyone.

Prayer Times
An open Qur’an resting on a wooden stand

Learning that lasts a lifetime

From a child’s first Qaidah to the six-year Darse Nizami.

Prayer Times
Architectural rendering of the proposed new masjid

Build a place of sadaqah jariyah

Every brick laid is a charity that keeps giving after you have gone.

Prayer Times
Calm — nothing slides, the picture simply changesCentred copy reads as a statement rather than a captionThe veil is uniform, so contrast holds wherever the text fallsCentred text is harder to scan than left-aligned once it runs past two lines
2

Fade, left-aligned

The previous treatment

Interior arches of a mosque prayer hall

A house of worship, learning and community

Five daily prayers, two Jumu’ah jama’ahs, a madrassah, and a door open to everyone.

Prayer Times
An open Qur’an resting on a wooden stand

Learning that lasts a lifetime

From a child’s first Qaidah to the six-year Darse Nizami.

Prayer Times
Architectural rendering of the proposed new masjid

Build a place of sadaqah jariyah

Every brick laid is a charity that keeps giving after you have gone.

Prayer Times
Left edge gives the eye a consistent start for every lineLeaves the right of the photograph clearNeeds a directional veil, which has to be re-cut if the copy ever moves
3

Slides across, with arrows

Visible controls

Interior arches of a mosque prayer hall

A house of worship, learning and community

Five daily prayers, two Jumu’ah jama’ahs, a madrassah, and a door open to everyone.

Prayer Times
An open Qur’an resting on a wooden stand

Learning that lasts a lifetime

From a child’s first Qaidah to the six-year Darse Nizami.

Prayer Times
Architectural rendering of the proposed new masjid

Build a place of sadaqah jariyah

Every brick laid is a charity that keeps giving after you have gone.

Prayer Times
Arrows make it obvious there is more than one slideMovement shows which direction you are travellingMore motion than a fadeArrows add two more things to the first screen
4

Slow zoom

The photograph drifts

Interior arches of a mosque prayer hall

A house of worship, learning and community

Five daily prayers, two Jumu’ah jama’ahs, a madrassah, and a door open to everyone.

Prayer Times
An open Qur’an resting on a wooden stand

Learning that lasts a lifetime

From a child’s first Qaidah to the six-year Darse Nizami.

Prayer Times
Architectural rendering of the proposed new masjid

Build a place of sadaqah jariyah

Every brick laid is a charity that keeps giving after you have gone.

Prayer Times
Gives a still photograph some life without moving the textConstant motion behind reading textSwitched off entirely under reduced-motion, so half the audience sees option 1
5

Autoplay with a progress bar

Shows when it will turn

Interior arches of a mosque prayer hall

A house of worship, learning and community

Five daily prayers, two Jumu’ah jama’ahs, a madrassah, and a door open to everyone.

Prayer Times
An open Qur’an resting on a wooden stand

Learning that lasts a lifetime

From a child’s first Qaidah to the six-year Darse Nizami.

Prayer Times
Architectural rendering of the proposed new masjid

Build a place of sadaqah jariyah

Every brick laid is a charity that keeps giving after you have gone.

Prayer Times
You can see the turn coming instead of being surprised by itCarries its own pause button, which WCAG 2.2.2 requiresStill moves by itself — the pause is a remedy, not a cure
6

Depth

Moves through the picture, not across it

Interior arches of a mosque prayer hall

A house of worship, learning and community

Five daily prayers, two Jumu’ah jama’ahs, a madrassah, and a door open to everyone.

Prayer Times
An open Qur’an resting on a wooden stand

Learning that lasts a lifetime

From a child’s first Qaidah to the six-year Darse Nizami.

Prayer Times
Architectural rendering of the proposed new masjid

Build a place of sadaqah jariyah

Every brick laid is a charity that keeps giving after you have gone.

Prayer Times
The photograph recedes and the next comes forward out of it, which suits a building about arches and a domeThe copy sits on its own plane and settles a moment later — that second plane is what makes it read as depth rather than a zoomTransform and opacity only, so it runs on the compositor and cannot shift the layoutThe most motion of the sevenFalls back to a plain crossfade under reduced-motion, so some visitors see option 1
7

No slider at all

One hero, fixed

Interior arches of a mosque prayer hall

A house of worship, learning and community

Five daily prayers, two Jumu’ah jama’ahs, a madrassah, and a door open to everyone.

Prayer Times
Fastest, quietest and the most accessible of the sixEverything the masjid wants to say gets said, instead of two thirds of it scrolling past unseenNothing to pause, nothing to missOnly one message above the fold — the rest has to earn its place further down

Seen enough?

Send us the number you like and we will set it on the homepage.