App Examples
Page Navigation
- About Teacher
- Alert App
- Alumni Directory
- Announcements
- Article Library
- Assignments
- Blog
- Book List
- Calendar
- Content
- Content Accordion
- Discussion
- Divider
- Document Viewer
- Embed Code
- Facebook Like
- Facts & Figures
- Figure
- File Library
- Google Calendar (Advanced)
- Google Events
- Google Folder
- Heading App
- Headlines & Features
- Icons
- Image
- Important Announcement
- Lightbox
- Link Library
- Lunch Menu
- Maps & Directions
- Minibase
- Multimedia Gallery
- Photo Gallery
- Podcast
- Premium Video App
- Q&A
- School Directory
- Site Shortcuts
- Staff Directory
- Tabbed Content
- Tabbed Widget
- Table
- Twitter Share
- Upcoming Events
- Vaccination Info App
- Wiki
- Embed Code - Google Drive
Modifications to Photo Gallery
-
We have added some code to this page to remove the thumbnails under and black frame around the gallery. This makes the gallery look a bit more modern. However, it also removes the ability to pause the slide show, which isn't ideal for ADA compliance.
Additional code forces the image title/caption to show, which helps improve ADA compliance (see below).
In general, the best advice is to use the Multimedia Gallery app instead.
Middle School Photo Gallery










-
Force title/captions to show (copy and paste into an Embed Code app; remove the space before the word script in the first line):
< script>
$(window).load(function(){
if($(".galleria-info-link").length){
$(".galleria-info-link").click();
}
});
</script>