• mstates

• in reply to: 2 options for responsive images in repeat field
• March 22, 2019 at 5:22 am

This is a beautiful approach to this, and I really like the idea for “srcset” being the idea.

How would one achieve? I’ve been struggling…

Create two different image fields, and somehow set them both into variables? One image for mobile, and the other for Desktop? I need them to be two different images (different sizes).

• mstates

• in reply to: Is this even possible?
• March 21, 2019 at 9:37 am

I’m assuming it’s not good practice, or even possible, to load multiple variables without a merge for the array… But how could one achieve so many loads?

Error:

/srv/www/alvogutters.com/current/web/app/uploads/cache/03a667ebdf064c1dd2cbe95a4d14cac784b91108.php:90:
array (size=24)
‘ID’ => int 113
‘id’ => int 113
‘title’ => string ‘retail@desktop-2x’ (length=17)
‘filename’ => string ‘[email protected]’ (length=21)
‘filesize’ => int 41365
‘url’ => string ‘/app/uploads/2019/03/[email protected]’ (length=42)
‘link’ => string ‘https://alvogutters.local/home/retaildesktop-2x/’ (length=48)
‘alt’ => string ” (length=0)
‘author’ => string ‘1’ (length=1)
‘description’ => string ” (length=0)
‘caption’ => string ” (length=0)
‘name’ => string ‘retaildesktop-2x’ (length=16)
‘status’ => string ‘inherit’ (length=7)
‘uploaded_to’ => int 6
‘date’ => string ‘2019-03-20 21:17:52’ (length=19)
‘modified’ => string ‘2019-03-20 21:17:52’ (length=19)
‘menu_order’ => int 0
‘mime_type’ => string ‘image/jpeg’ (length=10)
‘type’ => string ‘image’ (length=5)
‘subtype’ => string ‘jpeg’ (length=4)
‘icon’ => string ‘https://alvogutters.local/wp/wp-includes/images/media/default.png’ (length=65)
‘width’ => int 866
‘height’ => int 480
‘sizes’ =>
array (size=36)
‘thumbnail’ => string ‘/app/uploads/2019/03/retail@desktop-2x-150×150.jpg’ (length=50)
‘thumbnail-width’ => int 150
‘thumbnail-height’ => int 150
‘medium’ => string ‘/app/uploads/2019/03/retail@desktop-2x-300×166.jpg’ (length=50)
‘medium-width’ => int 300
‘medium-height’ => int 166
‘medium_large’ => string ‘/app/uploads/2019/03/retail@desktop-2x-768×426.jpg’ (length=50)
‘medium_large-width’ => int 768
‘medium_large-height’ => int 426
‘large’ => string ‘/app/uploads/2019/03/[email protected]’ (length=42)
‘large-width’ => int 866
‘large-height’ => int 480
‘hero-highlight-main’ => string ‘/app/uploads/2019/03/[email protected]’ (length=42)
‘hero-highlight-main-width’ => int 866
‘hero-highlight-main-height’ => int 480
‘hero-highlight-1’ => string ‘/app/uploads/2019/03/retail@desktop-2x-650×360.jpg’ (length=50)
‘hero-highlight-1-width’ => int 650
‘hero-highlight-1-height’ => int 360
‘hero-highlight-2-866×480-dbig’ => string ‘/app/uploads/2019/03/[email protected]’ (length=42)
‘hero-highlight-2-866×480-dbig-width’ => int 866
‘hero-highlight-2-866×480-dbig-height’ => int 480
‘hero-highlight-2-433×240-dsmall’ => string ‘/app/uploads/2019/03/retail@desktop-2x-433×240.jpg’ (length=50)
‘hero-highlight-2-433×240-dsmall-width’ => int 433
‘hero-highlight-2-433×240-dsmall-height’ => int 240
‘hero-highlight-2-760×680-mbig’ => string ‘/app/uploads/2019/03/retail@desktop-2x-760×421.jpg’ (length=50)
‘hero-highlight-2-760×680-mbig-width’ => int 760
‘hero-highlight-2-760×680-mbig-height’ => int 421
‘hero-highlight-2-380×340-sbig’ => string ‘/app/uploads/2019/03/retail@desktop-2x-380×211.jpg’ (length=50)
‘hero-highlight-2-380×340-sbig-width’ => int 380
‘hero-highlight-2-380×340-sbig-height’ => int 211
‘hero-highlight-3’ => string ‘/app/uploads/2019/03/retail@desktop-2x-670×480.jpg’ (length=50)
‘hero-highlight-3-width’ => int 670
‘hero-highlight-3-height’ => int 480
‘hero-highlight-4’ => string ‘/app/uploads/2019/03/retail@desktop-2x-520×480.jpg’ (length=50)
‘hero-highlight-4-width’ => int 520
‘hero-highlight-4-height’ => int 480