Правильно ли сделана замена картинки в Wordpress по разрешению экрана?

Question

[plmax]

Я начинающий.
Реализована замена изображения на странице в зависимости от разрешения экрана следующим образом:

<div class="picture_index">
        <?php
        $image_id = get_post_meta(6, 'home_pic', true);
        $image_url = wp_get_attachment_image_src($image_id, 'full');
        $image_url = $image_url[0];
        $image_id_big = get_post_meta(6, 'home_pic_big', true);
        $image_url_big = wp_get_attachment_image_src($image_id_big, 'full');
        $image_url_big = $image_url_big[0];
        ?>
        <script>
            link1 = '<img src="<?php bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo $image_url; ?>&w=978&h=190&zc=1" alt=""/>';
            link1_big = '<img src="<?php bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo $image_url_big; ?>&w=978&h=405&zc=1" alt=""/>';
            if (screen.height > 960) document.write(link1_big)
            else document.write(link1);
        </script>
    </div>

Подскажите более правильный и качественный способ в Wordpress
Или хотя бы направление где почитать.

Answer 1

[Юнус Газиев]

Посмотрите вот эти материалы:
habrahabr.ru - [Перевод] HTML5 Адаптивные изображения
frontender.info - Отзывчивые изображения: примеры использования и до...
youtube.com - Сколько нужно верстальщиков, чтобы вставить picture?

Comments

[plmax]

Спасибо, помогло