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

Question

Я использую 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.

Answer 1

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

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