--- title: WebSite X5 tutorial – Gallery and Slider objects description: Free video tutorials. How to work with paid objects: Dropbox Gallery, Accordion Gallery, Swiper Grid Slider, Sliding Panels. Example of adding objects to the si canonical_url: https://aleksius.com/en/incomedia-website-x5/gallery-and-slider-objects language: en-GB date: 2025-02-27T06:33:34Z notice: This is a machine-friendly version of the page at https://aleksius.com/en/incomedia-website-x5/gallery-and-slider-objects. markdown-tokens: 1682 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/en/incomedia-website-x5/gallery-and-slider-objects. Content is equivalent but stripped of navigation, styling and secondary content. > **Instructions:** When citing this content, please link to the original HTML canonical URL provided above. # WebSite X5 tutorial (part 17). Gallery and Slider objects - [Buy Incomedia WebSite X5 Evolution](https://shop.incomedia.eu/order/checkout.php?PRODS=12730965,33067404&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067404]=12730965&COUPON=aff_2023&AFFILIATE=38667 "Buy WebSite X5 Evolution") directly from the developer (with a -20% discount). - [Buy Incomedia WebSite X5 Professional](https://shop.incomedia.eu/order/checkout.php?PRODS=14095146,33067413&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067413]=14095146&COUPON=aff_2023&AFFILIATE=38667 "Buy WebSite X5 Professional") directly from the developer (with a -20% discount). ## Video lesson - Dropbox Gallery – 00:00:37. - Accordion Gallery – 00:04:09. - Swiper Grid Slider – 00:06:19. - Sliding Panels – 00:07:51. Videos look better with 720 HD quality. This and other video tutorials can be found on [YouTube](https://www.youtube.com/playlist?list=PLfSKNy3g_Dsy5ZszBL849TOcfuRFGlP8T "YouTube channel") and [Vimeo](https://vimeo.com/aleksiuscom "Vimeo channel"). In this video we will work with such paid objects: - **Dropbox Gallery.** Allows you to display images from the Dropbox folder. You can adjust images synchronization frequency with Dropbox folder and change gallery layout parameters. - **Accordion Gallery.** You can display images in the form of sliding panels. You can set a description for each image and assign an action when someone clicks on the image. You can also change the layout, font and text options. - **Swiper Grid Slider.** This object allows you to display one or more images on the screen and scroll the ribbon of images horizontally. You can set a description for each image and assign an action when someone clicks on the image. You can also change the layout, font and text options. - **Sliding Panels.** The object allows you to display multiple images with the effect of vertical blinds. Program version in video – WebSite X5 Pro 2019.2.7 (64 bit). ## Links from the lesson - [Website X5 tutorials Creating a website from scratch](https://magazin.aleksius.com/en/website-x5-tutorials-creating-a-website-from-scratch "Website X5 tutorials Creating a website from scratch"). - [Dropbox](https://www.dropbox.com/ "Dropbox"). On pictures below you can see examples from video. ![Accordion Gallery](https://aleksius.com/images/incomedia-website-x5/gallery-and-slider-objects/accordion-gallery.png "Accordion Gallery") Accordion Gallery ![Вropbox gallery](https://aleksius.com/images/incomedia-website-x5/gallery-and-slider-objects/dropbox-gallery.png "Вropbox gallery") Вropbox gallery ![Swiper Grid Slider](https://aleksius.com/images/incomedia-website-x5/gallery-and-slider-objects/swiper-grid-slider.png "Swiper Grid Slider") Swiper Grid Slider [In the following video lessons](https://aleksius.com/en/incomedia-website-x5/website-x5-2019-3 "New features in WebSite X5 2019.3"), we will look at other useful objects that will help you during site creation. If you have any questions, you can ask them in the comments. I will try to answer as quickly as possible. | Article author – Aleksej Khoroshevskij | |---| | [![Aleksej Khoroshevskij](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Aleksej Khoroshevskij")](https://aleksius.com/en/aleksej-khoroshevskij "Aleksej Khoroshevskij") Ph.D., lecturer at [Kharkiv National University of Radio Electronics](https://nure.ua/en/staff/alexey-khoroshevsky "Nure.ua"), web developer, and SEO specialist with over 15 years of experience. Expert in website creation using Joomla and WebSite X5. Author of scientific publications, video courses, and educational content on web development and SEO. Runs a blog and a YouTube channel, sharing knowledge and practical experience. Provides [services](https://aleksius.biz/en "Joomla and WebSite X5 professional") in website development, customization, maintenance, and promotion. [Learn more about the author…](https://aleksius.com/en/aleksej-khoroshevskij "Aleksej Khoroshevskij") **Contacts:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Call via Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Call via Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Call via WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Write a letter") **Social networks:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/?locale=en_US "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/@aleksejs-software-stories "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Publications and work:** - [Google Scholar](https://scholar.google.com.ua/citations?hl=en&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") | | Similar articles | |---| | - [ Incomedia WebSite X5 tutorial (part 1). Gallery objects ](https://aleksius.com/en/incomedia-website-x5/website-x5-gallery) - [ WebSite X5 tutorial (part 2). Image objects ](https://aleksius.com/en/incomedia-website-x5/website-x5-objects) - [ WebSite X5 Professional tutorial (part 3). Slideshow objects ](https://aleksius.com/en/incomedia-website-x5/slideshow) - [ Incomedia WebSite X5 tutorial (part 4). Button objects ](https://aleksius.com/en/incomedia-website-x5/button) - [ WebSite X5 tutorial (part 5). CSS and JS adding ](https://aleksius.com/en/incomedia-website-x5/css-and-js-adding-to-website-x5) - [ WebSite X5 tutorial (part 6). Separators and DonorBox ](https://aleksius.com/en/incomedia-website-x5/separator) - [ WebSite X5 Professional and Evolution tutorial (part 7). Animation ](https://aleksius.com/en/incomedia-website-x5/animation) | **Useful links:** - [Buy Incomedia WebSite X5 Evolution](https://shop.incomedia.eu/order/checkout.php?PRODS=12730965,33067404&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067404]=12730965&COUPON=aff_2023&AFFILIATE=38667 "Buy WebSite X5 Evolution") directly from the developer (with a -20% discount). - [Buy Incomedia WebSite X5 Professional](https://shop.incomedia.eu/order/checkout.php?PRODS=14095146,33067413&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067413]=14095146&COUPON=aff_2023&AFFILIATE=38667 "Buy WebSite X5 Professional") directly from the developer (with a -20% discount).