{"id":14406,"date":"2018-05-10T23:01:01","date_gmt":"2018-05-10T15:01:01","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=14406"},"modified":"2022-12-15T20:49:30","modified_gmt":"2022-12-15T12:49:30","slug":"free-responsive-image-gallery","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/","title":{"rendered":"20 Responsive Image Galleries and Slideshows"},"content":{"rendered":"<p>If your website is image-heavy, i.e., a <a href=\"https:\/\/www.hongkiat.com\/blog\/sites-to-create-portfolio-for-photographers\/\">portfolio or photography website<\/a>, etc., then there are two things that you\u2019ll be needing the most \u2013 photo gallery plugins to help you <strong>better manage the images on your website<\/strong>, and image slideshows to showcase your images to the world.<\/p>\n<p>My today\u2019s post, however, will mainly discuss a list of responsive image galleries and slideshows. These galleries and slideshows are designed in different styles and come with <strong>various features for optimized browser and mobile viewing<\/strong>. Let\u2019s go over each item\u2019s features in detail.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/jquery-image-galleries-sliders-best-of\/\" class=\"ref-block__link\" title=\"Read More: Free jQuery Image Galleries & Sliders \u2013 Best Of\" rel=\"bookmark\"><span class=\"screen-reader-text\">Free jQuery Image Galleries & Sliders \u2013 Best Of<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/jquery-image-galleries-sliders-best-of.gif\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-7279 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/jquery-image-galleries-sliders-best-of.gif\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Free jQuery Image Galleries & Sliders \u2013 Best Of<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tImage galleries and sliders are among the most popular use cases of jQuery. They allow you to present...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wowslider.com\/\">WOW Slider<\/a><\/h2>\n<p>WOW Slider is a <strong>jQuery-based image slider<\/strong> that comes with amazing visual effects and helps you create sliders with a few clicks. You can quickly embed it anywhere, thanks to its <strong>\u2018Insert-to-Page Wizard\u2019<\/strong> and save-as-plugin options for Joomla and WordPress.<\/p>\n<p>It also offers lots of pre-designed themes, import and export features, and includes a <strong>no-jQuery, CSS-only fallback<\/strong> as well.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/1-wow-slider.jpeg\" alt=\"1-wow-slider\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.hislider.com\/\">Hi Slider<\/a><\/h2>\n<p>Hi Slider helps create image sliders with zero coding. It provides beautiful themes, transition effects, and <strong>support for designing custom templates<\/strong>. Amazingly, it assists you in publishing your sliders and generates HTML or modules for WordPress, Drupal, and Joomla.<\/p>\n<p>Lastly, you can add multi-media from several sources, including YouTube.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/2-hi-slider.jpeg\" alt=\"hi-slider\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.jssor.com\/\">Jssor Slider<\/a><\/h2>\n<p>Jssor Slider is a compelling content and image slider with <strong>300+ transition effects<\/strong>. It also avails both jQuery and no-jQuery sliders and a plugin for WordPress. What I liked is it <strong>provides lots of demos and examples<\/strong>, which will help anyone to get up and running quickly with this slider solution.<\/p>\n<p>However, it <strong>does not support many publishing platforms<\/strong> or content services like Flickr and YouTube, like few above solutions.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/3-jasor-slider.jpeg\" alt=\"jasor-slider\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.juicebox.net\/\">Juicebox<\/a><\/h2>\n<p>Juicebox is a spectacular image gallery creator which lets you create web galleries without coding. If you do not require HTML, you can install and use one of its <strong>plugins for WordPress, Lightroom, Photoshop<\/strong>, and more.<\/p>\n<p>It comes with vector icons, Flickr support, etc. and avails a lot more features in its pro version such as <strong>social sharing options, shopping cart support, music support<\/strong>, advanced theming, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/4-juicebox.jpeg\" alt=\"juicebox\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" href=\"https:\/\/cssslider.com\/\">cssSlider<\/a><\/h2>\n<p>cssSlider is a pure-CSS, i.e., <strong>no-jQuery, no-JavaScript slider<\/strong> solution. It offers a lot of animation effects and image editing features. You can choose from ready-made color schemes to create lightweight image sliders.<\/p>\n<p>Moreover, its slideshow features include <strong>full-width support, autoplay option, navigation<\/strong> and thumbnail support, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/5-css-slider.jpeg\" alt=\"css-slider\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.cincopa.com\/unlimited-photos\">Cincopa<\/a><\/h2>\n<p>Cincopa is a cloud-like solution to create slideshows using its simple slideshow maker wizard. It is an <strong>online solution with unlimited storage<\/strong> and compatibility with many platforms like Joomla and WordPress. Interestingly, you can also <strong>add music and embed videos to your sliders<\/strong>.<\/p>\n<p>Last but not the least, it offers numerous templates (like grid, magazine, portfolio, etc.) and support to include Google Analytics as well.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/6-cincopa.jpeg\" alt=\"cincopa\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/amazingslider.com\/\">Amazing Slider<\/a><\/h2>\n<p>Amazing Slider is a jQuery slider with <strong>support for videos from YouTube<\/strong>. You can create sliders in HTML to embed in a web page or use the same in editors like Dreamweaver or Frontpage. Moreover, you can also create a plugin or module for Joomla and WordPress.<\/p>\n<p>Lastly, its <strong>intuitive user interface with a slider wizard<\/strong> helps you create excellent sliders with pre-made skins and multiple transition effects in minimum time.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/7-amazing-slider.jpeg\" alt=\"amazing-slider\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mobirise.com\/bootstrap-gallery\/\">Bootstrap Gallery<\/a><\/h2>\n<p>Bootstrap Gallery is a simple gallery creator free for both personal and commercial use, including masonry layout grid and lightbox modal. What interested me is, you can <strong>add tags to your image galleries<\/strong> along with support for photos and videos.<\/p>\n<p>Moreover, it avails many customization options including options to <strong>change colors, and titles<\/strong> etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/8-bootstrap-gallery.jpeg\" alt=\"bootstrap-gallery\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/galleria.io\/\">Galleria<\/a><\/h2>\n<p>Galleria is a <strong>JavaScript-based image gallery framework<\/strong>. Amazingly, you can embed photos and videos from Flickr, Vimeo, and YouTube with just a few lines of code. It offers <strong>multiple free themes and an unofficial plugin for WordPress<\/strong> as well.<\/p>\n<p>However, it is not as easy to use as above solutions and requires handling source code.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/9-galleria.jpeg\" alt=\"galleria\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.menucool.com\/responsive-slider\">Ninja Slider<\/a><\/h2>\n<p>Ninja Slider is an image slideshow solution with <strong>support for HTML<\/strong>. It allows embedding native audio and video and videos from YouTube and Vimeo as well. Ninja Slider does not require jQuery and supports <strong>lazy loading feature<\/strong>, which downloads an image in the background when the user has scrolled enough to see it.<\/p>\n<p>Moreover, it also <strong>allows text in sliders<\/strong>, and you can customize its look and feel using CSS.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/10-ninja-slider.jpeg\" alt=\"ninja-slider\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.slider-maker.com\/\">Slider Maker<\/a><\/h2>\n<p>Slider Maker is a jQuery slideshow creator that requires zero coding. It is available in multiple languages and <strong>supports time-lined multiple layers on a single image<\/strong>. Also, it avails smart image lazy-loading and various transition effects to create amazing sliders and offers numerous themes.<\/p>\n<p>You can also <strong>integrate it in any admin panel<\/strong>, however, it is a paid solution.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/11-slider-maker.jpeg\" alt=\"slider-maker\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/slideawesome.com\/slideshow-features\">SlideAwesome<\/a><\/h2>\n<p>SlideAwesome is a photo slideshow maker that needs <strong>no coding knowledge<\/strong>. It works with most CMSs including WordPress, Drupal, and others though there is <strong>no official plugin<\/strong> for them and you must embed its code.<\/p>\n<p>Surprisingly, you can include videos from Vimeo and YouTube in your sliders. Moreover, it offers a <strong>stealth mode<\/strong> that enables you to preview a slideshow on your live site without showing it to visitors.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/12-slide-awesome.jpeg\" alt=\"slide-awesome\" width=\"800\" height=\"522\"><\/figure>\n<p class=\"note\"><strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/wp-image-performance-plugins\/\">9 WordPress Plugins to Improve Images Performance<\/a><\/p>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.photosnack.com\/\">PhotoSnack<\/a><\/h2>\n<p>PhotoSnack is an online photo slideshow maker that supports uploading photos from <strong>photo storage and social media services<\/strong> like Google Photos, Facebook, Instagram, etc. After creating a slideshow, you can use it by just embedding (copy-pasting) its code on your blog or site.<\/p>\n<p>Moreover, you can choose a style from its <strong>set of templates<\/strong> and share the slideshow directly with your social media friends in few clicks.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/13-photo-snack.jpeg\" alt=\"photo-snack\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/flickrembed.com\/\">Flickr Embed<\/a><\/h2>\n<p>Flickr Embed is a code generator tool to <strong>create slideshows from Flickr photos<\/strong>, which you can later embed on your website. What I liked is, it allows fetching images from a variety of sources including a user or group. It provides a list of options and creates a slideshow using the selected options.<\/p>\n<p>You can copy and paste the <strong>modern JavaScript or the legacy iFrame code<\/strong> to your website to show your new slideshow.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/14-flicker-embed.jpeg\" alt=\"flicker-embed\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.comslider.com\/\">comSlider<\/a><\/h2>\n<p>comSlider is an online slideshow creator that offers <strong>fancy transitions and visual effects<\/strong>. Though its interface may not impress you, but it is no less featureful in any way. It offers numerous options to customize the look and feel of the slider along with some advanced options like <strong>loading indicator<\/strong>, etc.<\/p>\n<p>Last but not the least, you can easily integrate it on any web page by copy-pasting its code, just like Flickr Embed.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/15-com-slider.jpeg\" alt=\"com-slider\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/imageslidermaker.com\/\">Image Slider Maker<\/a><\/h2>\n<p>Image Slide Maker is a <strong>slider maker that works entirely online<\/strong>. It is based on jQuery, just like comSlider, and lets you create content slides with text, links, photos, as well as <strong>animation effects<\/strong>. You can customize its features as well as design elements like buttons and dimensions, slide transitions, text font and text style, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/16-image-slide-maker.jpeg\" alt=\"image-slide-maker\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pgwjs.com\/pgwslider\/\">PgwSlider<\/a><\/h2>\n<p>PgwSlider is a <strong>slider library for jQuery and Zepto<\/strong>, which can be used to create image sliders. Though it is not user-friendly like some above solutions yet it works flawlessly, and you can make it work with little coding. Its website provides details about <strong>look and feel options and shows demo<\/strong> examples to help you get started quickly.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/17-pgw-slider.jpeg\" alt=\"pgw-slider\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/oriongunning.github.io\/gridder\/\">jQuery Gridder<\/a><\/h2>\n<p>jQuery Gridder is a jQuery plugin to create image galleries. It displays a thumbnail grid of images with a <strong>beautiful expanding image preview<\/strong>, similar to Google Images.<\/p>\n<p>However, like PgwSlider, it requires some coding on your part. There are some configuration options along with an option to include <strong>callbacks for various events<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/18-jquery-gridder.jpeg\" alt=\"jquery-gridder\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/slidesjs.com\/\">SlidesJS<\/a><\/h2>\n<p>SlideJS is a <strong>slideshow plugin for jQuery<\/strong>. It features smooth transitions and numerous configuration options, but SlideJS requires you to have coding experience. What I liked is, like jQuery Gridder, you can add callback functions to do something at <strong>different events of the slideshow<\/strong>, like when a slide loads, starts, or completes.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/19-slides-js.jpeg\" alt=\"slides-js\" width=\"800\" height=\"522\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/pedroduarte.me\/wallop\/\">wallop<\/a><\/h2>\n<p>wallop is a slider library that works best for showing and hiding things. Using this small yet useful library, you can create image sliders as well as custom paginations, thanks to its <strong>event listener<\/strong>.<\/p>\n<p>Lastly, it offers a list of transitions and options as well as a <strong>set of APIs to control and customize your image slider<\/strong> or any other creation.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/20-wallop.jpg\" alt=\"wallop\" width=\"800\" height=\"522\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>If your website is image-heavy, i.e., a portfolio or photography website, etc., then there are two things that you\u2019ll be needing the most \u2013 photo gallery plugins to help you better manage the images on your website, and image slideshows to showcase your images to the world. My today\u2019s post, however, will mainly discuss a&hellip;<\/p>\n","protected":false},"author":120,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[352],"tags":[4117,911,2066],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>20 Responsive Image Galleries and Slideshows - Hongkiat<\/title>\n<meta name=\"description\" content=\"If your website is image-heavy, i.e., a portfolio or photography website, etc., then there are two things that you&#039;ll be needing the most - photo gallery\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Responsive Image Galleries and Slideshows\" \/>\n<meta property=\"og:description\" content=\"If your website is image-heavy, i.e., a portfolio or photography website, etc., then there are two things that you&#039;ll be needing the most - photo gallery\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-10T15:01:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-15T12:49:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/1-wow-slider.jpeg\" \/>\n<meta name=\"author\" content=\"Ashutosh KS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashutosh KS\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/\"},\"author\":{\"name\":\"Ashutosh KS\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/0c0611010da9a578caa32a34232cf7bd\"},\"headline\":\"20 Responsive Image Galleries and Slideshows\",\"datePublished\":\"2018-05-10T15:01:01+00:00\",\"dateModified\":\"2022-12-15T12:49:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/\"},\"wordCount\":1371,\"commentCount\":32,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-responsive-image-gallery\\\/1-wow-slider.jpeg\",\"keywords\":[\"Javascripts\",\"jQuery\",\"Responsive Web Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/\",\"name\":\"20 Responsive Image Galleries and Slideshows - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-responsive-image-gallery\\\/1-wow-slider.jpeg\",\"datePublished\":\"2018-05-10T15:01:01+00:00\",\"dateModified\":\"2022-12-15T12:49:30+00:00\",\"description\":\"If your website is image-heavy, i.e., a portfolio or photography website, etc., then there are two things that you'll be needing the most - photo gallery\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-responsive-image-gallery\\\/1-wow-slider.jpeg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-responsive-image-gallery\\\/1-wow-slider.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-responsive-image-gallery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20 Responsive Image Galleries and Slideshows\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/0c0611010da9a578caa32a34232cf7bd\",\"name\":\"Ashutosh KS\",\"description\":\"Ashutosh is a writer, entrepreneur, and a tech evangelist with expertise in the area of Computer Programming.\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\\\/\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/ashutosh_ks\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Responsive Image Galleries and Slideshows - Hongkiat","description":"If your website is image-heavy, i.e., a portfolio or photography website, etc., then there are two things that you'll be needing the most - photo gallery","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/","og_locale":"en_US","og_type":"article","og_title":"20 Responsive Image Galleries and Slideshows","og_description":"If your website is image-heavy, i.e., a portfolio or photography website, etc., then there are two things that you'll be needing the most - photo gallery","og_url":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-05-10T15:01:01+00:00","article_modified_time":"2022-12-15T12:49:30+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/1-wow-slider.jpeg","type":"","width":"","height":""}],"author":"Ashutosh KS","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Ashutosh KS","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/"},"author":{"name":"Ashutosh KS","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/0c0611010da9a578caa32a34232cf7bd"},"headline":"20 Responsive Image Galleries and Slideshows","datePublished":"2018-05-10T15:01:01+00:00","dateModified":"2022-12-15T12:49:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/"},"wordCount":1371,"commentCount":32,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/1-wow-slider.jpeg","keywords":["Javascripts","jQuery","Responsive Web Design"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/","url":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/","name":"20 Responsive Image Galleries and Slideshows - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/1-wow-slider.jpeg","datePublished":"2018-05-10T15:01:01+00:00","dateModified":"2022-12-15T12:49:30+00:00","description":"If your website is image-heavy, i.e., a portfolio or photography website, etc., then there are two things that you'll be needing the most - photo gallery","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/1-wow-slider.jpeg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/free-responsive-image-gallery\/1-wow-slider.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20 Responsive Image Galleries and Slideshows"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/0c0611010da9a578caa32a34232cf7bd","name":"Ashutosh KS","description":"Ashutosh is a writer, entrepreneur, and a tech evangelist with expertise in the area of Computer Programming.","sameAs":["https:\/\/www.hongkiat.com\/"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/ashutosh_ks\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-3Km","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=14406"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14406\/revisions"}],"predecessor-version":[{"id":64238,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14406\/revisions\/64238"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=14406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=14406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=14406"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=14406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}