{"id":511,"date":"2018-10-13T00:22:19","date_gmt":"2018-10-13T00:22:19","guid":{"rendered":"https:\/\/themify.org\/demo\/themes\/addon-mosaic\/?page_id=511"},"modified":"2023-04-07T03:58:46","modified_gmt":"2023-04-07T03:58:46","slug":"directory-listing","status":"publish","type":"page","link":"https:\/\/themify.org\/addon-mosaic\/directory-listing\/","title":{"rendered":"Directory Listing"},"content":{"rendered":"<!--themify_builder_content-->\n<div id=\"themify_builder_content-511\" data-postid=\"511\" class=\"themify_builder_content themify_builder_content-511 themify_builder tf_clear\">\n                    <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_76fbc39 tb_first tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_56594ff first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_26d341f  repeat \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3>Directory Listing With Infinite Scroll<\/h3>\n<p>Files are automatically pulled from a given directory (folder). Simply upload your flies in the folder, they will auto display here. The image files will show the actual image thumb and audio files will have the player (the album info such as image, artist, etc. are pulled from the mp3 ID3 tag).<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><div  id=\"tb_cb72445\" class=\"module module-mosaic tb_cb72445 tf_clearfix  pagination-infinite-scroll\" data-lazy=\"1\">\n\t\n\n\t\n\t\t\t<div id=\"tbm_tb_cb72445\" class=\"tpgs-wrap grid-stack tf_rel\" data-cell-height=\"150\" data-min-width=\"600\">\n\t\n\t\t<div data-gs-x=\"0\" data-gs-y=\"0\" data-gs-width=\"6\" data-gs-height=\"4\" data-hover=\"lily\" class=\"builder_mosaic_item tf_hidden tf_box \" data-effect=\"rotateIn\">\n\t\t\t<figure class=\"mosaic-container tbm_eff_lily tf_rel tf_box tf_w tf_h tf_overflow tf_textc\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/themify.org\/addon-mosaic\/wp-content\/uploads\/mosaic-demo-images\/vietnam-802035.jpg\" width=\"900\" height=\"600\" title=\"vietnam-802035\" alt=\"vietnam-802035\">\t\t\t\t<figcaption class=\"tf_abs tf_w tf_h tf_box\">\n\t\t\t\t\t<div class=\"tbm_caption_wrapper tf_box\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"tbm_title\">vietnam-802035<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tbm_caption tf_box\">Size: 551.86 KB<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/themify.org\/addon-mosaic\/wp-content\/uploads\/mosaic-demo-images\/vietnam-802035.jpg\" title=\"vietnam-802035\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"themify_lightbox\" \n\t\t\t\t\t\t\t\tdata-rel=\"tb_cb72445\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t><span class=\"screen-reader-text\">Link<\/span><\/a>\n\t\t\t\t\t\t\t\t\t<\/figcaption>\n\n\t\t\t\t\t\t\t\t\t<span class=\"tbm_badge tf_abs_t\">JPG<\/span>\n\t\t\t\t\t\t\t<\/figure>\n\t\t<\/div><!-- .post -->\n\t\t\n\t\t<div data-gs-x=\"6\" data-gs-y=\"0\" data-gs-width=\"3\" data-gs-height=\"2\" data-hover=\"lily\" class=\"builder_mosaic_item tf_hidden tf_box \" data-effect=\"rotateIn\">\n\t\t\t<figure class=\"mosaic-container tbm_eff_lily tf_rel tf_box tf_w tf_h tf_overflow tf_textc\">\n\t\t\t\t\t\t\t\t<figcaption class=\"tf_abs tf_w tf_h tf_box\">\n\t\t\t\t\t<div class=\"tbm_caption_wrapper tf_box\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mediPlayer tf_box\">\n\t\t\t\t\t\t\t\t<audio class=\"listen\" preload=\"none\" src=\"https:\/\/themify.org\/addon-mosaic\/wp-content\/uploads\/mosaic-demo-images\/Street%20Dance%20.mp3\"><\/audio>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"tbm_title\">Street Dance<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tbm_caption tf_box\">Artist: Hossein Derakhshandeh - Album: Blowing Lights (2013)<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/figcaption>\n\n\t\t\t\t\t\t\t\t\t<span class=\"tbm_badge tf_abs_t\">MP3<\/span>\n\t\t\t\t\t\t\t<\/figure>\n\t\t<\/div><!-- .post -->\n\t\t\n\t\t<div data-gs-x=\"6\" data-gs-y=\"2\" data-gs-width=\"6\" data-gs-height=\"2\" data-hover=\"lily\" class=\"builder_mosaic_item tf_hidden tf_box \" data-effect=\"rotateIn\">\n\t\t\t<figure class=\"mosaic-container tbm_eff_lily tf_rel tf_box tf_w tf_h tf_overflow tf_textc\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/themify.org\/addon-mosaic\/wp-content\/uploads\/mosaic-demo-images\/person-1289310.jpg\" width=\"900\" height=\"300\" title=\"person-1289310\" alt=\"person-1289310\">\t\t\t\t<figcaption class=\"tf_abs tf_w tf_h tf_box\">\n\t\t\t\t\t<div class=\"tbm_caption_wrapper tf_box\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"tbm_title\">person-1289310<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tbm_caption tf_box\">Size: 249.13 KB<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/themify.org\/addon-mosaic\/wp-content\/uploads\/mosaic-demo-images\/person-1289310.jpg\" title=\"person-1289310\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"themify_lightbox\" \n\t\t\t\t\t\t\t\tdata-rel=\"tb_cb72445\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t><span class=\"screen-reader-text\">Link<\/span><\/a>\n\t\t\t\t\t\t\t\t\t<\/figcaption>\n\n\t\t\t\t\t\t\t\t\t<span class=\"tbm_badge tf_abs_t\">JPG<\/span>\n\t\t\t\t\t\t\t<\/figure>\n\t\t<\/div><!-- .post -->\n\t\t\n\t\t<div data-gs-x=\"9\" data-gs-y=\"0\" data-gs-width=\"3\" data-gs-height=\"2\" data-hover=\"lily\" class=\"builder_mosaic_item tf_hidden tf_box \" data-effect=\"rotateIn\">\n\t\t\t<figure class=\"mosaic-container tbm_eff_lily tf_rel tf_box tf_w tf_h tf_overflow tf_textc\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/themify.org\/addon-mosaic\/wp-content\/uploads\/mosaic-demo-images\/oia-416135.jpg\" width=\"450\" height=\"300\" title=\"oia-416135\" alt=\"oia-416135\">\t\t\t\t<figcaption class=\"tf_abs tf_w tf_h tf_box\">\n\t\t\t\t\t<div class=\"tbm_caption_wrapper tf_box\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"tbm_title\">oia-416135<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tbm_caption tf_box\">Size: 263.59 KB<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/themify.org\/addon-mosaic\/wp-content\/uploads\/mosaic-demo-images\/oia-416135.jpg\" title=\"oia-416135\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"themify_lightbox\" \n\t\t\t\t\t\t\t\tdata-rel=\"tb_cb72445\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t><span class=\"screen-reader-text\">Link<\/span><\/a>\n\t\t\t\t\t\t\t\t\t<\/figcaption>\n\n\t\t\t\t\t\t\t\t\t<span class=\"tbm_badge tf_abs_t\">JPG<\/span>\n\t\t\t\t\t\t\t<\/figure>\n\t\t<\/div><!-- .post -->\n\t\t<\/div><!-- .tpgs-wrap -->\n\t\t\t\t\t\t\t<div class=\"tbm_wrap_more tf_textc tf_hidden\">\n\t\t\t\t\t<a class=\"ui builder_button rounded glossy white load-more-button tbm_more\" href=\"\/addon-mosaic\/wp-json\/wp\/v2\/pages\/511?builder-mosaic=2\">\n\t\t\t\t\t\tLoad More\t\t\t\t\t<\/a>\n\t\t\t\t<\/div><!-- .infinite-posts-load-more-wrap -->\n\t\t\t\n\t\t\n\t\t\t\t\t<style>\n\t\t\t\t@media(min-width:601px) {\n\t\t\t\t\t#tb_cb72445 .builder_mosaic_item{\n\t\t\t\t\t\tpadding:10px\n\t\t\t\t\t}\n\t\t\t\t\t#tb_cb72445 .grid-stack{\n\t\t\t\t\t\twidth:calc(100% + 20px);\n\t\t\t\t\t\tmargin-left:-10px\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t<\/style>\n\t\t\n\t\n\t\n<\/div><!-- .module-mosaic -->\n        <\/div>\n                        <\/div>\n        <\/div>\n        <\/div>\n<!--\/themify_builder_content-->","protected":false},"excerpt":{"rendered":"<p>Directory Listing With Infinite Scroll Files are automatically pulled from a given directory (folder). Simply upload your flies in the folder, they will auto display here. The image files will show the actual image thumb and audio files will have the player (the album info such as image, artist, etc. are pulled from the mp3 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-511","page","type-page","status-publish","hentry","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"builder_content":"<h3>Directory Listing With Infinite Scroll<\/h3> <p>Files are automatically pulled from a given directory (folder). Simply upload your flies in the folder, they will auto display here. The image files will show the actual image thumb and audio files will have the player (the album info such as image, artist, etc. are pulled from the mp3 ID3 tag).<\/p>","_links":{"self":[{"href":"https:\/\/themify.org\/addon-mosaic\/wp-json\/wp\/v2\/pages\/511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themify.org\/addon-mosaic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themify.org\/addon-mosaic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themify.org\/addon-mosaic\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/themify.org\/addon-mosaic\/wp-json\/wp\/v2\/comments?post=511"}],"version-history":[{"count":1,"href":"https:\/\/themify.org\/addon-mosaic\/wp-json\/wp\/v2\/pages\/511\/revisions"}],"predecessor-version":[{"id":701,"href":"https:\/\/themify.org\/addon-mosaic\/wp-json\/wp\/v2\/pages\/511\/revisions\/701"}],"wp:attachment":[{"href":"https:\/\/themify.org\/addon-mosaic\/wp-json\/wp\/v2\/media?parent=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}