![\"\"](\"https:\/\/www.bates.edu\/wordpress\/files\/2018\/01\/Screen-Shot-2018-01-25-at-9.13.55-AM.png\")
<\/a><\/p>\nYou can now add clickable thumbnails to the bottom of a gallery by adding the attribute thumbnails=”true”<\/span> to the gallery shortcode.<\/p>\n If you are an advanced user, you can also customize the size of the thumbnails by using the thumbnailsize<\/span> attribute and passing in any css size. They default to 100px in height.<\/p>\n Please note that there is a small performance hit for using thumbnails. Usually the slideshow will only load each image as it is needed, increasing the speed with which the page initially loads (and potentially decreasing dataplan use when a user doesn’t need to look at all the images in the slideshow). However, when thumbnails are activated, all of the images will be loaded up front. If you have less than, say, 5 or 6 images it’s not much of a concern, but for larger galleries it’s worth considering.<\/p>\n The gallery will now detect left and right “swipes”\u00a0 on smartphones and move accordingly. This is an “always-on” feature, but to really capitalize on the effect, you could set the slide change effect to\u00a0scroll<\/strong> (instead of the default\u00a0fade<\/strong>). You can do this by setting Caption \/ Control Independent Visibility<\/strong>. Previously if you turned off the controls, the captions also were hidden. There was no way to show captions without also showing the controls. This accidental interdependence is now fixed.<\/p>\n Better centering of images<\/strong>. Sometimes when the fullscreen gallery was opened, the initial image wasn’t centered. This has been improved.<\/p>\n The best way to create and customize the gallery is to use the basic WordPress method of creating a new gallery, then add any necessary attributes to the shortcode afterwards. In this clip I am doing just that:<\/p>\nSwipe Detection<\/h2>\n
effect=\"scroll\"<\/code.<\/code><\/p>\nFixes<\/h3>\n
\nGeneral Usage Reminder<\/h2>\n
<\/p>\n