How to pull in a responsive thumbnail

Permalink Browser Info Environment
Hi There,
Here's a good one to scratch your noggin over.

I used the block designer and conjunction with picturefill.js to create a block that pulls in different size images per media size. But a better way would be to pull in generated responsive thumbnails from the file manager. However, i'm completely stumped as to how to do that since the documentation on 5.7 in that area is pretty light.

So to clarify how would you make a block that:
1) Allows you to load an image (easy enough I know, use the image selector)
2) place that images generated thumbnails for a given size into the sourceset code
of the <picture> section.

Ideas?

Thanks, Ed

Type: Pre-Sale
Status: Resolved
growlrooed
View Replies:
ramonleenders replied on at Permalink Reply
ramonleenders
What HTML would you like as output? And what options should the "image" field type have added in your opinion? :)

Kind regards,

Ramon

concrete5 Environment Information

# concrete5 Version
Core Version - 5.7.3.1
Version Installed - 5.7.3.1
Database Version - 20150109000000

# concrete5 Packages
Background Image and Overlay (0.9.4), Block Designer (1.0.8), Open Graph Tags Lite (2.0.2), ProBlog (2.3.0), Quick Tabs (1.0), Responsive Embed (1.0.0), Ronyd Expanded Search Bar (2.0), Share Me (0.9.1), Social Share Lite (2.1), Studio Testimonials Pro (0.9.4), SVG Social Media Icons (0.9.4), Whale Bootstrap Carousel (1.0.1).

# concrete5 Overrides
blocks/travel_expert_biolong_synopsis, blocks/mobile_plan_offer_teasers, blocks/travel_expert_bio, blocks/three_col_imageholder, blocks/expert_teaser, blocks/external_form, blocks/feature_offering, blocks/travel_expert_bio_synopsis, blocks/feature_offering_mobile, blocks/responsive_features_block, blocks/expert_teaser_thumb, blocks/four_col_imageholder, languages/it_IT, languages/fi_FI, languages/el_GR, languages/ru_RU, languages/ja_JP, languages/fr_FR, languages/sv_SE, languages/sl_SI, languages/de_DE, languages/tr_TR, languages/nl_NL, languages/da_DK, themes/ciazumano_travel_theme, themes/elemental

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache/2.4.12 (Unix) OpenSSL/1.0.1e-fips mod_bwlimited/1.4 mod_fcgid/2.3.10-dev

# Server API
cgi-fcgi

# PHP Version
5.4.39

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, imagick, imap, inotify, intl, ionCube Loader, json, libxml, mbstring, mcrypt, mhash, mysql, mysqli, openssl, pcntl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, readline, Reflection, session, shmop, SimpleXML, soap, SPL, sqlite3, standard, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, Zend Guard Loader, zlib.

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - -1
max_input_vars - 1000
memory_limit - 128M
post_max_size - 8M
sql.safe_mode - Off
upload_max_filesize - 2M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 1440
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.90 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.