{"id":74089,"date":"2022-01-27T12:38:07","date_gmt":"2022-01-27T12:38:07","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=74089"},"modified":"2023-05-17T10:00:08","modified_gmt":"2023-05-17T10:00:08","slug":"cards-gallery","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/cards-gallery\/","title":{"rendered":"Cards Gallery block for Gutenberg"},"content":{"rendered":"\n
<\/div>
\n
\n

Cards Gallery
GUTENBERG<\/span> block<\/h1>

A block for creating interactive presentations of your
images that are stacked on top of each other<\/p><\/div><\/div>\n\n\n\n

<\/div>
\n
\n
TRY QI BLOCKS<\/span><\/a><\/div>\n\n\n\n
YOUTUBE TUTORIAL<\/span> <\/path><\/g><\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
\"a\"<\/a><\/div><\/div>
\"a\"<\/a><\/div><\/div><\/div>
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
Pick an image shuffle style<\/span><\/h6>

Shuffle right<\/h2>

Feature your images in visually appealing card deck-styled
layouts \u2013 the image beneath the currently displayed one will
appear on the top of the stack once it is clicked on.<\/p><\/div><\/div>\n\n\n\n

You get to choose how the images are stacked \u2013 pick from
three image shuffle styles, set the image proportions & more!<\/p><\/div><\/div>\n\n\n\n

View more<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Select an appearance style<\/span><\/h6>

Shuffle left and right<\/h2><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
\"a\"<\/a><\/div><\/div>
\"a\"<\/a><\/div><\/div>
\"a\"<\/a><\/div><\/div><\/div>
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Adjust scale and offset<\/span><\/h6>

Shuffle left<\/h2>

Display as many images as you choose, set image scales
and adjust how much of the image can be seen before it is
highlighted in the gallery by inputting offset values.<\/p><\/div><\/div>\n\n\n\n

View more<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/a><\/div><\/div>
\"a\"<\/a><\/div><\/div>
\"a\"<\/a><\/div><\/div>
\"a\"<\/a><\/div><\/div><\/div>
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!<\/h5><\/div>
\n
View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"qi-full-width.php","meta":{"footnotes":""},"class_list":["post-74089","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/74089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/comments?post=74089"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/74089\/revisions"}],"predecessor-version":[{"id":85273,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/74089\/revisions\/85273"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=74089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}