{"id":44916,"date":"2018-07-24T21:01:42","date_gmt":"2018-07-24T13:01:42","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=44916"},"modified":"2023-04-06T19:09:48","modified_gmt":"2023-04-06T11:09:48","slug":"smartphotojs-mobile-slideshow-plugin","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/","title":{"rendered":"SmartPhoto.js: Responsive Image Viewer for Mobile"},"content":{"rendered":"<p>In the era of <a href=\"https:\/\/www.hongkiat.com\/blog\/responsive-for-mobile-screens\/\">responsive web design<\/a> you have to think about every mobile user\u2019s experience. In 2017 the <a href=\"https:\/\/gs.statcounter.com\/platform-market-share\/desktop-mobile-tablet\" target=\"_blank\" rel=\"noopener\">total Internet users<\/a> on mobile edged above desktop by a few percents. That\u2019s a big deal!<\/p>\n<p>Almost every feature on your website needs to have some sort of mobile-friendly alternative. For image galleries, you might try <a href=\"https:\/\/appleple.github.io\/SmartPhoto\/\" target=\"_blank\" rel=\"noopener\">SmartPhoto.js<\/a> since it\u2019s <strong>designed specifically for mobile inputs<\/strong>.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/serving-responsive-images\/\" rel=\"noopener\">5 Methods To Serve True Responsive Images<\/a><\/p>\n<figure><a href=\"https:\/\/appleple.github.io\/SmartPhoto\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/smartphotojs-mobile-slideshow-plugin\/01-smartphoto-js-plugin.jpg\" alt=\"smartphoto.js slideshow plugin\" width=\"1000\" height=\"384\"><\/a><\/figure>\n<p>The plugin is completely free and open sourced with a <a href=\"https:\/\/github.com\/appleple\/SmartPhoto\" target=\"_blank\" rel=\"noopener\">full GitHub page<\/a>.<\/p>\n<p>It\u2019s updated every-so-often but the key part of SmartPhoto.js is the natural UI. It works great on desktops and fits even better on mobile. Portrait or landscape, smartphone or tablet, this plugin takes the cake.<\/p>\n<p>With SmartPhoto.js you get <strong>full touch support and swipe support<\/strong> to move between images in the slideshow. The plugin also works with the accelerometer so you can check when the page orientation changes.<\/p>\n<p>Have a peek at the <a href=\"https:\/\/appleple.github.io\/SmartPhoto\/doc.html\" target=\"_blank\" rel=\"noopener\">documentation<\/a> for a complete guide on setup and installation. This plugin doesn\u2019t require a whole lot of JS code to get working, but it does <strong>support a lot of custom options with callback methods<\/strong>.<\/p>\n<p>You\u2019ll also notice that SmartPhoto has <strong>no dependencies<\/strong> so it runs on basic vanilla JS. All you need is the two SmartPhoto.js files (CSS and JS files) which you can download straight from GitHub, or pull via package management with npm or <a href=\"https:\/\/www.hongkiat.com\/blog\/yarn-package\/\">Yarn<\/a>.<\/p>\n<figure><a href=\"https:\/\/appleple.github.io\/SmartPhoto\/demo.html\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/smartphotojs-mobile-slideshow-plugin\/02-smartphoto-js-plugin.jpg\" alt=\"smartphoto plugin examples\" width=\"1000\" height=\"491\"><\/a><\/figure>\n<p>Take a look at the <a href=\"https:\/\/appleple.github.io\/SmartPhoto\/demo.html\" target=\"_blank\" rel=\"noopener\">demo page<\/a> if you wanna see how this looks in action. The demos include code snippets you can copy\/paste and use for your own website too.<\/p>\n<p>I highly recommend SmartPhoto.js for a simple and mobile-friendly lightbox gallery.<\/p>\n<p>The <a href=\"https:\/\/appleple.github.io\/SmartPhoto\/\" target=\"_blank\" rel=\"noopener\">main plugin site<\/a> has everything you need to get started with downloadable source files and comprehensive documentation.<\/p>","protected":false},"excerpt":{"rendered":"<p>Responsive image gallery designed specifically to display your website on mobile devices.<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[3497],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>SmartPhoto.js: Responsive Image Viewer for Mobile - Hongkiat<\/title>\n<meta name=\"description\" content=\"Responsive image gallery designed specifically to display your website on mobile devices.\" \/>\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\/smartphotojs-mobile-slideshow-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SmartPhoto.js: Responsive Image Viewer for Mobile\" \/>\n<meta property=\"og:description\" content=\"Responsive image gallery designed specifically to display your website on mobile devices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/\" \/>\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-07-24T13:01:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T11:09:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/smartphotojs-mobile-slideshow-plugin\/01-smartphoto-js-plugin.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\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=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"SmartPhoto.js: Responsive Image Viewer for Mobile\",\"datePublished\":\"2018-07-24T13:01:42+00:00\",\"dateModified\":\"2023-04-06T11:09:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/\"},\"wordCount\":306,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/smartphotojs-mobile-slideshow-plugin\\\/01-smartphoto-js-plugin.jpg\",\"keywords\":[\"Javascript Library\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/\",\"name\":\"SmartPhoto.js: Responsive Image Viewer for Mobile - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/smartphotojs-mobile-slideshow-plugin\\\/01-smartphoto-js-plugin.jpg\",\"datePublished\":\"2018-07-24T13:01:42+00:00\",\"dateModified\":\"2023-04-06T11:09:48+00:00\",\"description\":\"Responsive image gallery designed specifically to display your website on mobile devices.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/smartphotojs-mobile-slideshow-plugin\\\/01-smartphoto-js-plugin.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/smartphotojs-mobile-slideshow-plugin\\\/01-smartphoto-js-plugin.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/smartphotojs-mobile-slideshow-plugin\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SmartPhoto.js: Responsive Image Viewer for Mobile\"}]},{\"@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\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"SmartPhoto.js: Responsive Image Viewer for Mobile - Hongkiat","description":"Responsive image gallery designed specifically to display your website on mobile devices.","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\/smartphotojs-mobile-slideshow-plugin\/","og_locale":"en_US","og_type":"article","og_title":"SmartPhoto.js: Responsive Image Viewer for Mobile","og_description":"Responsive image gallery designed specifically to display your website on mobile devices.","og_url":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-07-24T13:01:42+00:00","article_modified_time":"2023-04-06T11:09:48+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/smartphotojs-mobile-slideshow-plugin\/01-smartphoto-js-plugin.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"SmartPhoto.js: Responsive Image Viewer for Mobile","datePublished":"2018-07-24T13:01:42+00:00","dateModified":"2023-04-06T11:09:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/"},"wordCount":306,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/smartphotojs-mobile-slideshow-plugin\/01-smartphoto-js-plugin.jpg","keywords":["Javascript Library"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/","url":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/","name":"SmartPhoto.js: Responsive Image Viewer for Mobile - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/smartphotojs-mobile-slideshow-plugin\/01-smartphoto-js-plugin.jpg","datePublished":"2018-07-24T13:01:42+00:00","dateModified":"2023-04-06T11:09:48+00:00","description":"Responsive image gallery designed specifically to display your website on mobile devices.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/smartphotojs-mobile-slideshow-plugin\/01-smartphoto-js-plugin.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/smartphotojs-mobile-slideshow-plugin\/01-smartphoto-js-plugin.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/smartphotojs-mobile-slideshow-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"SmartPhoto.js: Responsive Image Viewer for Mobile"}]},{"@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\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-bGs","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44916","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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=44916"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44916\/revisions"}],"predecessor-version":[{"id":65747,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44916\/revisions\/65747"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=44916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=44916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=44916"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=44916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}