{"id":748,"date":"2014-10-16T06:48:57","date_gmt":"2014-10-16T06:48:57","guid":{"rendered":"http:\/\/stopdesign.cn\/codecanyon\/vc-extensions\/?page_id=748"},"modified":"2016-03-13T16:38:44","modified_gmt":"2016-03-13T16:38:44","slug":"metro-carousel-and-tile","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/metro-carousel-and-tile\/","title":{"rendered":"Metro Carousel and Tile"},"content":{"rendered":"

[vc_row][vc_column][vc_raw_html]JTNDc3R5bGUlMjB0eXBlJTNEJTIydGV4dCUyRmNzcyUyMiUyMG1lZGlhJTNEJTIyc2NyZWVuJTIyJTNFJTBBJTA5LnNpdGUlN0JtYXgtd2lkdGglM0ElMjA5NjBweCUzQm1pbi13aWR0aCUzQTM2MHB4JTNCJTdEJTBBJTNDJTJGc3R5bGUlM0U=[\/vc_raw_html][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457887089209{padding-bottom: 60px !important;}”][vc_column width=”1\/2″][vc_text_separator title=”Default example”]

\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div><\/i><\/a><\/i><\/a><\/div>[\/vc_column][vc_column width=”1\/2″][vc_text_separator title=”Different button, no slideshow”]
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner][vc_text_separator title=”Tile example”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457887101426{padding-bottom: 40px !important;}”][vc_column width=”1\/3″]
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div><\/div>[\/vc_column][vc_column width=”1\/3″]
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
Yet another tile, slide up down. Auto delay in 2 seconds.<\/span> <\/div><\/div>[\/vc_column][vc_column width=”1\/3″]
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
Support custom link, slide left right.<\/span> <\/div><\/div>[\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457887111045{padding-bottom: 60px !important;}”][vc_column width=”1\/2″]
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
6 slide effects available<\/span> <\/div><\/div>[\/vc_column][vc_column width=”1\/2″]
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_text_separator title=”Another carousel example”][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457887121398{padding-top: 20px !important;padding-bottom: 20px !important;}”][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″]
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div><\/i><\/a><\/i><\/a><\/div>[\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Main features:<\/strong><\/p>\n
    \n
  • You can choose to display the image in Carousel or Tile mode.<\/li>\n
  • Navigation button in Carousel support these position: bottom-left, bottom-center, bottom-right, top-left, top-center, and top-right.<\/li>\n
  • Navigation button in Carousel can be one of these 3 type: default(short line), cycle, and square.<\/li>\n
  • Navigation button in Carousel with 12 active color options available.<\/li>\n
  • Slide animation support: slide, fade, switch, or slowdown in the Carousel mode.<\/li>\n
  • Slide effect support: slideLeft, slideRight, slideLeftRight, slideUp, slideDown, and slideUpDown in the Tile mode.<\/li>\n
  • Thumbnails support lightbox or custom link in both mode.<\/li>\n
  • Auto play slideshow in both mode, you can customize the delay time in the editor.<\/li>\n
  • Retina ready and responsive.<\/li>\n
  • Metro UI CSS driven, include the necessary component only, keep the files lightweight.<\/li>\n<\/ul>\n

    [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

    [vc_row][vc_column][vc_raw_html]JTNDc3R5bGUlMjB0eXBlJTNEJTIydGV4dCUyRmNzcyUyMiUyMG1lZGlhJTNEJTIyc2NyZWVuJTIyJTNFJTBBJTA5LnNpdGUlN0JtYXgtd2lkdGglM0ElMjA5NjBweCUzQm1pbi13aWR0aCUzQTM2MHB4JTNCJTdEJTBBJTNDJTJGc3R5bGUlM0U=[\/vc_raw_html][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457887089209{padding-bottom: 60px !important;}”][vc_column width=”1\/2″][vc_text_separator title=”Default example”][\/vc_column][vc_column width=”1\/2″][vc_text_separator title=”Different button, no slideshow”][\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner][vc_text_separator title=”Tile example”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457887101426{padding-bottom: 40px !important;}”][vc_column width=”1\/3″][\/vc_column][vc_column width=”1\/3″][\/vc_column][vc_column width=”1\/3″][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457887111045{padding-bottom: 60px !important;}”][vc_column width=”1\/2″][\/vc_column][vc_column width=”1\/2″][\/vc_column][\/vc_row][vc_row][vc_column][vc_text_separator title=”Another carousel example”][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457887121398{padding-top: 20px !important;padding-bottom: 20px !important;}”][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″][\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Main features: You can choose to display the image in Carousel or Tile mode. Navigation button in Carousel support these […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/748"}],"collection":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/comments?post=748"}],"version-history":[{"count":1,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/748\/revisions"}],"predecessor-version":[{"id":2360,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/748\/revisions\/2360"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}