размер окна просмотра jquery для изменения времени вывода

Question

размер окна просмотра jquery для изменения времени вывода

Я использую timthumb для отображения полноэкранного слайдера галереи на сайте WordPress. Что я хочу сделать, так это изменить размер этого изображения, чтобы оно соответствовало окну просмотра устройства vistors. На данный момент значения статичны.

Я знаю, что php не может определить размер области просмотра, поэтому я предполагаю, что мне нужно использовать jquery.

   var viewport_Width = $(window).width();
   var viewport_Height = $(window).height();

Моя проблема в том, что я не знаю, как подключить этот вывод к этому фрагменту PHP со статическими значениями, которые сообщают timthumb, насколько большим должно быть изображение:

 <div class="cover"><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo $img ?>&amp;h=800&amp;w=1280&amp;zc=1" alt="<?php the_title(); ?>" width="1280" height="800" /></a></div>

Пожалуйста, объясните это медленно, так как я довольно новичок в PHP.

2

php wordpress jquery resize viewport

Author: tr9sh, 2012-02-16

Source

1 answers

score 0 · Accepted Answer

Используйте javascript, чтобы удалить атрибуты высоты и ширины ваших imgs, а затем используйте CSS, чтобы установить их ширину и/или высоту на 100%.

 $('.cover img').each(function(){
    $(this).removeAttr('width')
    $(this).removeAttr('height');
});