File Manager

✏️ Edit File: /home/u625410797/domains/monothailand.com/public_html/views/components/responsive-image.php

<?php
/**
 * Monothailand PHP Version - Responsive Image Component
 * ============================================================
 * Generates responsive image with WebP support and lazy loading
 */

if (!defined('MONO_APP')) {
    define('MONO_APP', true);
}

$src = $src ?? '';
$alt = $alt ?? '';
$widths = $widths ?? [320, 640, 1024, 1920];
$sizes = $sizes ?? '(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw';
$class = $class ?? '';
$loading = $loading ?? 'lazy';
?>
<picture>
    <?php foreach ($widths as $w): ?>
        <source
            srcset="UPLOADS_URL . 'optimized/<?= htmlspecialchars($src); ?>-<?= $w; ?>.webp"
            media="(min-width: <?= $w; ?>px)"
            type="image/webp">
    <?php endforeach; ?>
    <img
        src="UPLOADS_URL . 'optimized/<?= htmlspecialchars($src); ?>-1024.webp"
        srcset="<?= implode(', ', array_map(fn($w) => PUBLIC_URL . 'uploads/optimized/' . htmlspecialchars($src) . '-' . $w . '.webp ' . $w . 'w', $widths)); ?>"
        sizes="<?= htmlspecialchars($sizes); ?>"
        alt="<?= htmlspecialchars($alt); ?>"
        loading="<?= htmlspecialchars($loading); ?>"
        decoding="async"
        class="<?= htmlspecialchars($class); ?>"
        onerror="this.src='ASSETS_URL . 'img/placeholder.jpg'">
</picture>

Batal

⬅ Naik ke views 3 item

Nama	Tipe	Ukuran	Diubah	Aksi
🐘product-card.php	php	6.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘product-skeleton.php	php	579 B	2026-05-31 16:43	✏️ Edit 👁️ View
🐘responsive-image.php	php	1.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View