{"id":191,"date":"2023-07-27T11:54:59","date_gmt":"2023-07-27T11:54:59","guid":{"rendered":"https:\/\/demo.grandplugins.com\/wp-gif-editor\/?page_id=191"},"modified":"2023-07-27T11:54:59","modified_gmt":"2023-07-27T11:54:59","slug":"gif-block-demo","status":"publish","type":"page","link":"https:\/\/demo.grandplugins.com\/wp-gif-editor\/gif-block-demo\/","title":{"rendered":"GIF Block Demo"},"content":{"rendered":"<p><\/p><h3 class=\"wp-block-heading\">AutoStart<\/h3><div class=\"wp-block-gpls-wgr-wp-gif-editor-gif-block wp-block-image\" >\r\n\t\t\t<figure class=\"aligncenter\" data-align=\"center\">\r\n\t\t\t\t\t\t<span class=\"gpls-wgr-gif-block-loader-img-wrapper\" style=\"display:inline-block;position:relative;width:auto;height:auto;\" class=\"gpls-wgr-gif-block-loader\">\r\n\t\t\t<span class=\"gpls-wgr-gif-block-loader\" style=\"display:none;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.5;background:#EEE;\">\r\n\t\t\t\t<img decoding=\"async\" style=\"width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999;border-radius:50%;\" src=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/plugins\/wp-gif-editor\/assets\/dist\/images\/spinner.gif\" class=\"gpls-wgr-gif-block-loader-img\" alt=\"spinner\">\r\n\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"gpls-wgr-gif-block gpls-wgr-gif-optimized wp-image-178\"\r\n\t\t\t\t\t\tsrc=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2022\/10\/giphy-11.png\" width=\"384\"  height=\"480\" \t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\tdata-gpls-wgr-gif-src=https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2022\/10\/giphy-11.gif\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t<\/div><p><\/p><h3 class=\"wp-block-heading\">Start on Click<\/h3><div class=\"wp-block-gpls-wgr-wp-gif-editor-gif-block wp-block-image\" >\r\n\t\t\t<figure class=\"aligncenter\" data-align=\"center\">\r\n\t\t\t\t\t\t<span class=\"gpls-wgr-gif-block-loader-img-wrapper\" style=\"display:inline-block;position:relative;width:auto;height:auto;\" class=\"gpls-wgr-gif-block-loader\">\r\n\t\t\t<span class=\"gpls-wgr-gif-block-loader\" style=\"display:none;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.5;background:#EEE;\">\r\n\t\t\t\t<img decoding=\"async\" style=\"width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999;border-radius:50%;\" src=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/plugins\/wp-gif-editor\/assets\/dist\/images\/spinner.gif\" class=\"gpls-wgr-gif-block-loader-img\" alt=\"spinner\">\r\n\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"gpls-wgr-gif-block gpls-wgr-gif-optimized gpls-wgr-show-gif-as-video gpls-wgr-gif-player wp-image-157 gif-unique-8e6d789e-1558-4ae3-a748-29fd0d6ddcd6\"\r\n\t\t\t\t\t\tsrc=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2022\/10\/products-gif.gif\" width=\"500\"  height=\"500\" \t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\tdata-gpls-wgr-gif-src=https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2022\/10\/products-gif.gif\t\t\t\t\t\tdata-gpls-wgr-unique-id=\"gif-unique-8e6d789e-1558-4ae3-a748-29fd0d6ddcd6\" \t\t\t\t\t\tdata-gpls-wgr-play-action=\"click\" \t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<figcaption><\/figcaption>\r\n\t\t\t\t\t\t<\/figure>\r\n\t\t<\/div><h3 class=\"wp-block-heading\">Start on Hover<\/h3><div class=\"wp-block-gpls-wgr-wp-gif-editor-gif-block wp-block-image\" >\r\n\t\t\t<figure class=\"aligncenter\" data-align=\"center\">\r\n\t\t\t\t\t\t<span class=\"gpls-wgr-gif-block-loader-img-wrapper\" style=\"display:inline-block;position:relative;width:auto;height:auto;\" class=\"gpls-wgr-gif-block-loader\">\r\n\t\t\t<span class=\"gpls-wgr-gif-block-loader\" style=\"display:none;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.5;background:#EEE;\">\r\n\t\t\t\t<img decoding=\"async\" style=\"width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999;border-radius:50%;\" src=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/plugins\/wp-gif-editor\/assets\/dist\/images\/spinner.gif\" class=\"gpls-wgr-gif-block-loader-img\" alt=\"spinner\">\r\n\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"gpls-wgr-gif-block gpls-wgr-gif-optimized gpls-wgr-show-gif-as-video gpls-wgr-gif-player wp-image-172 gif-unique-fa0868e2-8ac8-46cf-bf09-104adcce1677\"\r\n\t\t\t\t\t\tsrc=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2022\/12\/image-asset.png\" width=\"980\"  height=\"706\" \t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\tdata-gpls-wgr-gif-src=https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2022\/12\/image-asset.gif\t\t\t\t\t\tdata-gpls-wgr-unique-id=\"gif-unique-fa0868e2-8ac8-46cf-bf09-104adcce1677\" \t\t\t\t\t\tdata-gpls-wgr-play-action=\"hover\" \t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<figcaption><\/figcaption>\r\n\t\t\t\t\t\t<\/figure>\r\n\t\t<\/div><p>You can apply <a rel=\"noreferrer noopener\" href=\"https:\/\/css-tricks.com\/throttling-the-network\/\" data-type=\"URL\" data-id=\"https:\/\/css-tricks.com\/throttling-the-network\/\" target=\"_blank\">throttling<\/a> to your browser to check the GIF lazy loading.<\/p><div class=\"wp-block-gpls-wgr-wp-gif-editor-gif-block wp-block-image\" >\r\n\t\t\t<figure class=\"aligncenter\" data-align=\"center\">\r\n\t\t\t\t\t\t<span class=\"gpls-wgr-gif-block-loader-img-wrapper\" style=\"display:inline-block;position:relative;width:auto;height:auto;\" class=\"gpls-wgr-gif-block-loader\">\r\n\t\t\t<span class=\"gpls-wgr-gif-block-loader\" style=\"display:none;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.5;background:#EEE;\">\r\n\t\t\t\t<img decoding=\"async\" style=\"width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999;border-radius:50%;\" src=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/plugins\/wp-gif-editor\/assets\/dist\/images\/spinner.gif\" class=\"gpls-wgr-gif-block-loader-img\" alt=\"spinner\">\r\n\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"gpls-wgr-gif-block gpls-wgr-gif-optimized wp-image-170\"\r\n\t\t\t\t\t\tsrc=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2022\/12\/layers-jackets.png\" width=\"220\"  height=\"220\" \t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\tdata-gpls-wgr-gif-src=https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2022\/12\/layers-jackets.gif\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t<\/div><div class=\"wp-block-gpls-wgr-wp-gif-editor-gif-block wp-block-image\" >\r\n\t\t\t<figure class=\"aligncenter\" data-align=\"center\">\r\n\t\t\t\t\t\t<span class=\"gpls-wgr-gif-block-loader-img-wrapper\" style=\"display:inline-block;position:relative;width:auto;height:auto;\" class=\"gpls-wgr-gif-block-loader\">\r\n\t\t\t<span class=\"gpls-wgr-gif-block-loader\" style=\"display:none;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.5;background:#EEE;\">\r\n\t\t\t\t<img decoding=\"async\" style=\"width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999;border-radius:50%;\" src=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/plugins\/wp-gif-editor\/assets\/dist\/images\/spinner.gif\" class=\"gpls-wgr-gif-block-loader-img\" alt=\"spinner\">\r\n\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"gpls-wgr-gif-block gpls-wgr-gif-optimized wp-image-22\"\r\n\t\t\t\t\t\tsrc=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2021\/08\/horse.gif\" width=\"480\"  height=\"480\" \t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\tdata-gpls-wgr-gif-src=https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2021\/08\/horse.gif\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t<\/div><div class=\"wp-block-gpls-wgr-wp-gif-editor-gif-block wp-block-image\" >\r\n\t\t\t<figure class=\"aligncenter\" data-align=\"center\">\r\n\t\t\t\t\t\t<span class=\"gpls-wgr-gif-block-loader-img-wrapper\" style=\"display:inline-block;position:relative;width:auto;height:auto;\" class=\"gpls-wgr-gif-block-loader\">\r\n\t\t\t<span class=\"gpls-wgr-gif-block-loader\" style=\"display:none;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.5;background:#EEE;\">\r\n\t\t\t\t<img decoding=\"async\" style=\"width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999;border-radius:50%;\" src=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/plugins\/wp-gif-editor\/assets\/dist\/images\/spinner.gif\" class=\"gpls-wgr-gif-block-loader-img\" alt=\"spinner\">\r\n\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"gpls-wgr-gif-block gpls-wgr-gif-optimized wp-image-180\"\r\n\t\t\t\t\t\tsrc=\"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2022\/10\/giphy-12.png\" width=\"331\"  height=\"480\" \t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\tdata-gpls-wgr-gif-src=https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-content\/uploads\/sites\/6\/2022\/10\/giphy-12.gif\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/figure>\r\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>AutoStart Start on Click Start on Hover You can apply throttling to your browser to check the GIF lazy loading.<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-191","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-json\/wp\/v2\/pages\/191"}],"collection":[{"href":"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-json\/wp\/v2\/comments?post=191"}],"version-history":[{"count":1,"href":"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-json\/wp\/v2\/pages\/191\/revisions"}],"predecessor-version":[{"id":192,"href":"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-json\/wp\/v2\/pages\/191\/revisions\/192"}],"wp:attachment":[{"href":"https:\/\/demo.grandplugins.com\/wp-gif-editor\/wp-json\/wp\/v2\/media?parent=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}