Scripps Memorial Hospital Encinitas
Phase two of campus expansion includes the Lusardi tower, featuring private patient rooms and innovative surgical suites.
This experience uses the “On View - Cycle Next” interaction to create an auto cycling carousel. Add an animated progress bar as an additional visual element.
Template - Auto Carousel with Animated Progress Bar
1280px x 720px
Each background subgroup within the "text & slider carousel" group has a Square Shape slider asset. This square shape has an "Expand" animation applied to it with a duration of 8 seconds. This gives the appearance of a timed progress bar.
This hotspot has an "On View Cycle – Next" interaction applied to it.
Cycle interactions (cycle next and cycle previous) allow users to cycle through a folder or group of assets. When the hotspot is in view, this activates the next layer in your targeted folder/group to become visibile while also turning off the visibility for all of the other assets in that folder/group.
In this example, the hotspot is triggering both the "text & slider carousel" and "background images carousel" to cycle every 8 seconds.
Our new and expanded locations will allow us to provide leading-edge cancer care to patients throughout the region.
Scripps MD Anderson Cancer Center
A new hospital tower and medical pavilion will serve the growing number of people who need health care in central San Diego.
Scripps Mercy Hospital
Our new hospital tower opening in spring 2025 includes a comprehensive women's center.
Scripps Memorial Hospital La Jolla