Train Rides and Image Slideshows

Train rides are boring, especially when they take half an hour. What could be more fun then writing Confluence plugins to kill some time?
A couple days ago I stumbled upon a neat little piece of javascript which based on prototype and scriptaculous makes slideshows look pretty money. Since our gallery macro slideshow is useful but far from perfect, I decided to write up a new plugin which utilizes that script. After two train rides and an hour at home the image slideshow plugin was ready to be unleashed.
Some nice CSS and JS magic will fade the background dark and display the images in the center of the screen. The next and previews button will automatically appear if you mouse over to the left or right side of the image and also pressing the keys “p” and “n” will let you navigate through the slideshow.
The parameters available to pass to the macro are the same like the ones for the existing gallery, so all of the attributes will work the same way.
And this is how it looks like:
image_slideshow.jpg
Try it yourself, go to the Thumbnail gallery and click on one of the images when the loading of the page is complete.
PS: IE is not supported yet, but it degrades nicely and still provides the old slideshow link at the top as an alternative.

Published

in

Related Content

More in ‘

Warning: Undefined array key “arrangement” in /srv/users/atlassian/apps/atlassianstaging/public/wp-content/plugins/curator/inc/classes/Arrangements/Carousel.php on line 67

Warning: Trying to access array offset on value of type null in /srv/users/atlassian/apps/atlassianstaging/public/wp-content/plugins/curator/inc/classes/Arrangements/Carousel.php on line 69

Warning: Undefined array key “arrangement” in /srv/users/atlassian/apps/atlassianstaging/public/wp-content/plugins/curator/inc/classes/Arrangements/Grid.php on line 44

Warning: Trying to access array offset on value of type null in /srv/users/atlassian/apps/atlassianstaging/public/wp-content/plugins/curator/inc/classes/Arrangements/Grid.php on line 46
Featured Article
Announcing social enterprise discounts: Atlassian tools for social impact teams
Featured Article
Great managers meet uncertainty with curiosity and confidence
Featured Article
Introducing Databricks Query Runner: Transforming data into insight
Featured Article
Team ’25 Europe: AI that’s changing the game for teams

More Collections


Warning: Undefined array key “arrangement” in /srv/users/atlassian/apps/atlassianstaging/public/wp-content/plugins/curator/inc/classes/Arrangements/Carousel.php on line 67

Warning: Trying to access array offset on value of type null in /srv/users/atlassian/apps/atlassianstaging/public/wp-content/plugins/curator/inc/classes/Arrangements/Carousel.php on line 69

Warning: Undefined array key “arrangement” in /srv/users/atlassian/apps/atlassianstaging/public/wp-content/plugins/curator/inc/classes/Arrangements/Grid.php on line 44

Warning: Trying to access array offset on value of type null in /srv/users/atlassian/apps/atlassianstaging/public/wp-content/plugins/curator/inc/classes/Arrangements/Grid.php on line 46

Meet Rovo everywhere: AI that connects every app, every team, every workflow

Introducing Atlassian Software Collection

Move Faster and Work Smarter with Atlassian’s AI-Powered Teamwork Collection