{"id":4851,"date":"2024-01-20T17:09:00","date_gmt":"2024-01-20T17:09:00","guid":{"rendered":"https:\/\/codehim.com\/?p=4851"},"modified":"2024-01-22T15:47:01","modified_gmt":"2024-01-22T10:47:01","slug":"justified-image-grid-slideshow-using-jquery","status":"publish","type":"post","link":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/","title":{"rendered":"Justified Image Grid Slideshow using jQuery"},"content":{"rendered":"
\n
\n

The plugin, “window-slider” is a lite, clean and easy to use plugin for jQuery. It helps you to create justified image grid slideshow with fading effect. You just need to place your images in HTML then this plugin switch these images in a sequance. <\/p>\n

Moreover, you can slide images in three different (reverse, clockwise, and counter-clockwise) order. Likewise, you can also customize interval, fade in, and fade out speed. <\/p>\n<\/div>\n

\n[intro_ad]\n<\/div>\n<\/section>\n
\n

Plugin Overview and Preview<\/h2>\n
\n
\n\n\n\n\n\n\n\n\n\n
<\/i> Plugin:<\/td>\nwindow-slider<\/td>\n<\/tr>\n
<\/i> Author:<\/td>\nAJ<\/td>\n<\/tr>\n
<\/i> Category:<\/td>\n Carousel<\/a> <\/td>\n<\/tr>\n
<\/i> Published: <\/td>\n January 20, 2024 <\/td>\n<\/tr>\n
<\/i> File Type:<\/td>\nzip archive (HTML, CSS & JavaScript )<\/td>\n<\/tr>\n
<\/i> Package Size:<\/td>\nFile path is not allowed!<\/td>\n<\/tr>\n
<\/i> Dependencies:<\/td>\njQuery 3.0 <\/a> or Latest version<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n
\"Justified<\/div> <\/figure>\n<\/div>\n
<\/div>\n
\n
Last Modified:
MIT <\/div>\n
Fork on GitHub<\/a> <\/div>\n
5,548 <\/div>\n<\/div>\n<\/section>\n<\/div>\n
\n
\n Demo <\/a> Download <\/a> Download Master Repository <\/a>\n<\/div>\n
\nShare this:<\/span> <\/span>\n<\/div>\n<\/section>\n
\n[ad_after_overview]
\n<\/section>\n
<\/div>\n

How to Create Justified Image Grid Slideshow <\/h2>\n

1. To getting started with “window-slider”, load the jQuery by adding CDN link into your web project.<\/p>\n

\r\n<!-- jQuery -->\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.min.js\"><\/script>\r\n<\/pre>\n
 2. In second step, include plugin’s CSS and Js file in your website\/app.<\/p>\n
<!-- window-slider CSS -->\r\n<link rel=\"stylesheet\" href=\"css\/window.slider.css\">\r\n<!-- window-slider JS -->\r\n<script src=\"js\/window.slider.js\"><\/script><\/pre>\n
 3. Create HTML div element wit class name “window-slider” and place your images inside it:<\/p>\n
      <div id=\"slider-1\" class=\"window-slider\">\r\n          <!-- TOP LEFT SLIDER -->\r\n          <div class=\"tl-window\">\r\n            <img src=\"https:\/\/placeimg.com\/400\/250\/tech\/sepia\">\r\n            <img src=\"https:\/\/placeimg.com\/400\/250\/tech\">\r\n          <\/div>\r\n          \r\n          <!-- TOP RIGHT SLIDER -->\r\n          <div class=\"tr-window\">\r\n            <img src=\"https:\/\/placeimg.com\/400\/250\/nature\/grayscale\">\r\n            <img src=\"https:\/\/placeimg.com\/400\/250\/nature\">\r\n          <\/div>\r\n          \r\n          <!-- BOTTOM LEFT SLIDER -->\r\n          <div class=\"bl-window\">\r\n            <img src=\"https:\/\/placeimg.com\/400\/250\/arch\">\r\n            <img src=\"https:\/\/placeimg.com\/400\/250\/arch\/sepia\">\r\n          <\/div>\r\n          \r\n          <!-- BOTTOM RIGHT SLIDER -->\r\n          <div class=\"br-window\">\r\n            <img src=\"https:\/\/placeimg.com\/400\/250\/animals\">\r\n            <img src=\"https:\/\/placeimg.com\/400\/250\/animals\/grayscale\">\r\n          <\/div>\r\n      <\/div><\/pre>\n
 4. When all was done, initialize the plugin in jQuery document ready function to active the window-slider.<\/p>\n
$(document).ready(function(){\r\n\t$('#slider-1').windowSlider();\r\n});<\/pre>\n
 Advance Configuration Options <\/h2>\n
 The following are some advanced configuration options to create \/ customize Justified Image Grid Slideshow<\/strong>. <\/p>\n\n\n\n\n\n\n\n\n
 Option <\/th>\n Default <\/th>\n Type <\/th>\n Description <\/th>\n<\/tr>\n
startPosition<\/var><\/td>\n1<\/td>\nNumber<\/code><\/td>\nThis option specifies the start position.
\n
Example: <\/b><\/p>\n
$('#slider-1').windowSlider({\r\n\tstartPosition : 1,\r\n}); <\/pre>\n<\/td>\n<\/tr>\n
interval<\/var><\/td>\n3000<\/td>\nNumber<\/code><\/td>\nThe interval before switching to the next image.
\n
Example: <\/b><\/p>\n
$('#slider-1').windowSlider({\r\n\tinterval : 3000,\r\n}); <\/pre>\n<\/td>\n<\/tr>\n
fadeOutSpeed<\/var><\/td>\n400<\/td>\nNumber<\/code><\/td>\nIt define the fadeout speed.
\n
Example: <\/b><\/p>\n
$('#slider-1').windowSlider({\r\n\tfadeOutSpeed : 400,\r\n}); <\/pre>\n<\/td>\n<\/tr>\n
fadeInSpeed<\/var><\/td>\n1500<\/td>\nNumber<\/code><\/td>\nIt define the fade in speed in milliseconds.
\n
Example: <\/b><\/p>\n
$('#slider-1').windowSlider({\r\n\tfadeInSpeed : 1500,\r\n}); <\/pre>\n<\/td>\n<\/tr>\n
cycle<\/var><\/td>\n‘standard’<\/td>\nString<\/code><\/td>\nThis option specifies the sliding cycle of images. Possible options are: ‘standard’ \/ ‘reverse’ \/ ‘clockwise’ \/ ‘counter-clockwise’
\n
Example: <\/b><\/p>\n
$('#slider-1').windowSlider({\r\n\tcycle : 'standard',\r\n}); <\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n
\n[ad_after_artical]\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
The plugin, “window-slider” is a lite, clean and easy to use plugin for jQuery. It helps you to create justified…<\/p>\n","protected":false},"author":1,"featured_media":4853,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[59],"tags":[79,66],"class_list":["post-4851","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-carousel","tag-slider","tag-slideshow"],"acf":[],"yoast_head":"\nJustified Image Grid Slideshow using jQuery — CodeHim<\/title>\n<meta name=\"description\" content=\"The windowSlider jQuery plugin allows you to create justified image grid slideshow with fading effect. Here you can download and view its live demo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Justified Image Grid Slideshow using jQuery — CodeHim\" \/>\n<meta property=\"og:description\" content=\"The windowSlider jQuery plugin allows you to create justified image grid slideshow with fading effect. Here you can download and view its live demo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-20T17:09:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T10:47:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/03\/justified-image-grid-slideshow.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"962\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Justified Image Grid Slideshow using jQuery\",\"datePublished\":\"2024-01-20T17:09:00+00:00\",\"dateModified\":\"2024-01-22T10:47:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/\"},\"wordCount\":275,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/03\/justified-image-grid-slideshow.png\",\"keywords\":[\"Image Sliders\",\"Slideshow\"],\"articleSection\":[\"Carousel\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/\",\"url\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/\",\"name\":\"Justified Image Grid Slideshow using jQuery — CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/03\/justified-image-grid-slideshow.png\",\"datePublished\":\"2024-01-20T17:09:00+00:00\",\"dateModified\":\"2024-01-22T10:47:01+00:00\",\"description\":\"The windowSlider jQuery plugin allows you to create justified image grid slideshow with fading effect. Here you can download and view its live demo.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/03\/justified-image-grid-slideshow.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/03\/justified-image-grid-slideshow.png\",\"width\":1280,\"height\":962,\"caption\":\"Justified Image Grid Slideshow using jQuery\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Carousel\",\"item\":\"https:\/\/codehim.com\/category\/carousel\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Justified Image Grid Slideshow using jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Justified Image Grid Slideshow using jQuery — CodeHim","description":"The windowSlider jQuery plugin allows you to create justified image grid slideshow with fading effect. Here you can download and view its live demo.","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:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/","og_locale":"en_US","og_type":"article","og_title":"Justified Image Grid Slideshow using jQuery — CodeHim","og_description":"The windowSlider jQuery plugin allows you to create justified image grid slideshow with fading effect. Here you can download and view its live demo.","og_url":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-20T17:09:00+00:00","article_modified_time":"2024-01-22T10:47:01+00:00","og_image":[{"width":1280,"height":962,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2020\/03\/justified-image-grid-slideshow.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Justified Image Grid Slideshow using jQuery","datePublished":"2024-01-20T17:09:00+00:00","dateModified":"2024-01-22T10:47:01+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/"},"wordCount":275,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2020\/03\/justified-image-grid-slideshow.png","keywords":["Image Sliders","Slideshow"],"articleSection":["Carousel"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/","url":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/","name":"Justified Image Grid Slideshow using jQuery — CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2020\/03\/justified-image-grid-slideshow.png","datePublished":"2024-01-20T17:09:00+00:00","dateModified":"2024-01-22T10:47:01+00:00","description":"The windowSlider jQuery plugin allows you to create justified image grid slideshow with fading effect. Here you can download and view its live demo.","breadcrumb":{"@id":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2020\/03\/justified-image-grid-slideshow.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2020\/03\/justified-image-grid-slideshow.png","width":1280,"height":962,"caption":"Justified Image Grid Slideshow using jQuery"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/carousel\/justified-image-grid-slideshow-using-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Carousel","item":"https:\/\/codehim.com\/category\/carousel\/"},{"@type":"ListItem","position":3,"name":"Justified Image Grid Slideshow using jQuery"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":5548,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/4851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=4851"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/4851\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/4853"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=4851"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=4851"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=4851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}