|
1 2 3 4 5 |
<picture > <source media="(max-width: 480px)" srcset="[[*image_office:phpthumbon=`w=425&h=280&zc=1&f=webp`]] 1x, [[*image_office:phpthumbon=`w=850&h=560&zc=1&f=webp`]] 2x" type="image/webp"> <source srcset="[[*image_office:phpthumbon=`w=855&h=571&zc=1&f=webp`]] 1x, [[*image_office:phpthumbon=`w=1710&h=1142&zc=1&f=webp`]] 2x" type="image/webp"> <img src="[[*image_office:phpthumbon=`w=855&h=571&zc=1&f=webp`]]" srcset="[[*image_office:phpthumbon=`w=855&h=571&zc=1&f=webp`]] 1x, [[*image_office:phpthumbon=`w=1710&h=1142&zc=1&f=webp`]] 2x" alt="image-features" class="image-features" draggable="false"> </picture> |
или
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
{set $imageMob1x = $_modx->runSnippet('!pthumb', [ 'input' => $_pls['tv.image'], 'options' => 'h=293&w=381&zc=1&f=webp', ])} {set $imageMob2x = $_modx->runSnippet('!pthumb', [ 'input' => $_pls['tv.image'], 'options' => 'h=393&w=481&zc=1&f=webp', ])} {set $imagePc1x = $_modx->runSnippet('!pthumb', [ 'input' => $_pls['tv.image'], 'options' => 'h=565&w=450&zc=1&f=webp', ])} {set $imagePc2x = $_modx->runSnippet('!pthumb', [ 'input' => $_pls['tv.image'], 'options' => 'h=935&w=700&zc=1&f=webp', ])} <picture> <source media="(max-width: 480px)" srcset="{$imageMob1x} 1x, {$imageMob2x} 2x" type="image/webp"> <source srcset="{$imagePc1x} 1x, {$imagePc2x} 2x" type="image/webp"> <img loading="lazy" src="{$imagePc1x}" srcset="{$imagePc1x} 1x, {$imagePc2x} 2x" alt="image-features" class="image-features" draggable="false"> </picture> |
или
|
1 2 3 4 5 6 7 8 9 10 11 12 |
{var $projectStages = $_modx->resource.yourTv | json_decode} {if $projectStages is array} {foreach $projectStages as $idx => $project} <a href="/img/{$project.image}" data-fancybox="gallery"> <picture> <source media="(max-width: 480px)" srcset="{"/img/{$project.image}" | phpthumbon : 'w=375&h=352&zc=1&f=webp'} 1x, {"/img/{$project.image}" | phpthumbon : 'w=750&h=704&zc=1&f=webp'} 2x" type="image/webp"> <source srcset="{"/img/{$project.image}" | phpthumbon : 'w=1260&h=686&zc=1&f=webp'} 1x, {"/img/{$project.image}" | phpthumbon : 'w=2520&h=1372&zc=1&f=webp'} 2x" type="image/webp"> <img loading="lazy" id="img{$idx+1}" src="{"/img/{$project.image}" | phpthumbon : 'w=1260&h=686&zc=1&f=webp'}" srcset="{"/img/{$project.image}" | phpthumbon : 'w=1260&h=686&zc=1&f=webp'} 1x, {"/img/{$project.image}" | phpthumbon : 'w=2520&h=1372&zc=1&f=webp'} 2x" alt="image-features" class="image-features" draggable="false"> </picture> </a> {/foreach} {/if} |
