{"id":248,"date":"2019-09-23T22:55:34","date_gmt":"2019-09-23T12:55:34","guid":{"rendered":"http:\/\/codemyui.com\/photoswipe-javascript-image-gallery-plugin\/"},"modified":"2019-10-31T15:52:02","modified_gmt":"2019-10-31T04:52:02","slug":"photoswipe-javascript-image-gallery-plugin","status":"publish","type":"post","link":"https:\/\/codemyui.com\/photoswipe-javascript-image-gallery-plugin\/","title":{"rendered":"PhotoSwipe JavaScript Image\u00a0Gallery Plugin"},"content":{"rendered":"<p>PhotoSwipe is a JavaScript <a href=\"https:\/\/codemyui.com\/tag\/image-gallery\/\">Image Gallery<\/a> Plugin with no&nbsp;dependencies that works on mobile an desktop devices. It supports a lot of awesome features including touch gestures.&nbsp;<\/p>\n<p><!--more--><\/p>\n<p>You can download it from <a href=\"http:\/\/photoswipe.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">PhotoSwipe<\/a>&nbsp;or <a href=\"https:\/\/github.com\/dimsemenov\/photoswipe\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>PhotoSwipe is a JavaScript Image Gallery Plugin with no&nbsp;dependencies that works on mobile an desktop devices. It supports a lot of awesome features including touch gestures.&nbsp;<\/p>\n<a class=\"read-more-link\" href=\" https:\/\/codemyui.com\/photoswipe-javascript-image-gallery-plugin\/ \">Read More<\/a>","protected":false},"author":2,"featured_media":24969,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_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_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1],"tags":[18306875,1745484,81450,93254],"class_list":["post-248","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-grid-layout","tag-image-effects","tag-image-gallery","tag-lightbox","has-post-video","col-sm-6"],"acf":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/06\/photoswipe-javascript-image-gallery-plugin.gif?fit=880%2C440&ssl=1","jetpack-related-posts":[{"id":270,"url":"https:\/\/codemyui.com\/amy-slider-jquery-image-gallery-plugin\/","url_meta":{"origin":248,"position":0},"title":"AMY Slider \u2013 jQuery Image Gallery Plugin","author":"Saijo George","date":"September 19, 2019","format":false,"excerpt":"AMY slider is a premium jQuery image gallery plugin. It is extremely flexible in terms of adjustments and easy to work with. It comes with 9 different tile styles with unlimited color and lots of customization options. Check out the Demo and Get the Plugin from CodeCanyon","rel":"","context":"In \"3d\"","block_context":{"text":"3d","link":"https:\/\/codemyui.com\/tag\/3d\/"},"img":{"alt_text":"AMY Slider \u2013 jQuery Image Gallery Plugin","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/09\/AMY-Slider-%E2%80%93-jQuery-Image-Gallery-Plugin.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/09\/AMY-Slider-%E2%80%93-jQuery-Image-Gallery-Plugin.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/09\/AMY-Slider-%E2%80%93-jQuery-Image-Gallery-Plugin.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/09\/AMY-Slider-%E2%80%93-jQuery-Image-Gallery-Plugin.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]},{"id":159,"url":"https:\/\/codemyui.com\/fancy-image-gallery-animation\/","url_meta":{"origin":248,"position":1},"title":"Fancy Image Gallery Animation","author":"Hima Vincent","date":"September 27, 2015","format":false,"excerpt":"Here are 5 different image hover \/ image gallery animation you can use in your projects using jQuery. These were designed by simbyone Check out the Demo and Tutorial on Simbyone","rel":"","context":"In \"animation\"","block_context":{"text":"animation","link":"https:\/\/codemyui.com\/tag\/animation\/"},"img":{"alt_text":"Fancy Image Gallery Animation","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/09\/fancy-image-gallery-animation.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/09\/fancy-image-gallery-animation.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/09\/fancy-image-gallery-animation.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/09\/fancy-image-gallery-animation.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]},{"id":183,"url":"https:\/\/codemyui.com\/javascript-jelly-input-field\/","url_meta":{"origin":248,"position":2},"title":"Javascript Jelly Input Field","author":"Hima Vincent","date":"September 14, 2015","format":false,"excerpt":"A simple material design jelly input field implemented with jQuery and D3 which is not meant for multiple fields but could easily be extended into a plugin. Designed by Mark Campbell. If you are having trouble with the pen, try the archived copy on GitHub","rel":"","context":"In \"input field\"","block_context":{"text":"input field","link":"https:\/\/codemyui.com\/tag\/input-field\/"},"img":{"alt_text":"Javascript Jelly Input Field","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/09\/javascript-jelly-input-field.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/09\/javascript-jelly-input-field.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/09\/javascript-jelly-input-field.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2015\/09\/javascript-jelly-input-field.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]},{"id":28375,"url":"https:\/\/codemyui.com\/sweetalert2-pretty-replacement-for-the-standard-alert-confirm-prompt-dialogue\/","url_meta":{"origin":248,"position":3},"title":"SweetAlert2 &#8211; pretty replacement for the standard alert, confirm, prompt dialogue","author":"Saijo George","date":"September 30, 2019","format":false,"excerpt":"SweetAlert is a JavaScript library that provides a replacement for the standard alert(), confirm() and prompt() javascript popup boxes that allow various styling and customization options. Get the plugin from\u00a0GitHub","rel":"","context":"In \"modal window\"","block_context":{"text":"modal window","link":"https:\/\/codemyui.com\/tag\/modal-window\/"},"img":{"alt_text":"SweetAlert2","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/09\/SweetAlert2.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/09\/SweetAlert2.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/09\/SweetAlert2.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/09\/SweetAlert2.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]},{"id":29046,"url":"https:\/\/codemyui.com\/drag-image-slider-with-water-distortion-effect-using-webgl\/","url_meta":{"origin":248,"position":4},"title":"Drag Image Slider with Water Distortion Effect using WebGL","author":"Saijo George","date":"December 13, 2019","format":false,"excerpt":"A really cool image slider that turns greyscale and creates a stunning blur effect that mimics flowing water as you click and drag the image. This epic effect was created by Martin Laxenaire using WebGL and anime.js. If you are having trouble with the pen, try the archived copy on\u2026","rel":"","context":"In \"anime.js\"","block_context":{"text":"anime.js","link":"https:\/\/codemyui.com\/tag\/anime-js\/"},"img":{"alt_text":"Drag Image Slider with Water Distortion Effect using WebGL","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/12\/Drag-Image-Slider-with-Water-Distortion-Effect-using-WebGL.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/12\/Drag-Image-Slider-with-Water-Distortion-Effect-using-WebGL.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/12\/Drag-Image-Slider-with-Water-Distortion-Effect-using-WebGL.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2019\/12\/Drag-Image-Slider-with-Water-Distortion-Effect-using-WebGL.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]},{"id":1229,"url":"https:\/\/codemyui.com\/side-panels-slide-view-scroll\/","url_meta":{"origin":248,"position":5},"title":"Side Panels Slide into View on Scroll","author":"Hima Vincent","date":"July 29, 2016","format":false,"excerpt":"A simple content section where you get the image on the right and the text on the left. As you scroll down and see the next bit of content, the image associated with that section quickly slides into place on the right using jQuery. Designed by Luke Reid. If you\u2026","rel":"","context":"In \"image effects\"","block_context":{"text":"image effects","link":"https:\/\/codemyui.com\/tag\/image-effects\/"},"img":{"alt_text":"Side Panels Slide into View on Scroll","src":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2016\/07\/side-panels-slide-into-view-on-scroll.gif?fit=880%2C440&ssl=1&resize=350%2C250","width":350,"height":250,"srcset":"https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2016\/07\/side-panels-slide-into-view-on-scroll.gif?fit=880%2C440&ssl=1&resize=350%2C250 1x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2016\/07\/side-panels-slide-into-view-on-scroll.gif?fit=880%2C440&ssl=1&resize=525%2C375 1.5x, https:\/\/i0.wp.com\/codemyui.com\/wp-content\/uploads\/2016\/07\/side-panels-slide-into-view-on-scroll.gif?fit=880%2C440&ssl=1&resize=700%2C500 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/posts\/248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/comments?post=248"}],"version-history":[{"count":2,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/posts\/248\/revisions"}],"predecessor-version":[{"id":28264,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/posts\/248\/revisions\/28264"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/media\/24969"}],"wp:attachment":[{"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/media?parent=248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/categories?post=248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codemyui.com\/wp-json\/wp\/v2\/tags?post=248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}