Если ширина браузера превышает 1000 пикселей, показывайте изображения

Question

Можно ли получить ширину веб-представления браузера и воздействовать на нее, если она больше 1000 пикселей?

Пример (в псевдокоде): Если ширина браузера больше 1000 пикселей;

<div style="position:fixed; top:0; left:0; z-index:1; visibility:visible;">
<img src="images/borderleft.png">
</div>

Answer 1

Современный способ: медиазапросы

<div class="showWide">
<img src="images/borderleft.png">
</div>

// in your css file
.showWide {
   position:fixed; 
   top:0; 
   left:0; 
   z-index:1;
   visibility: hidden;
}

@media only screen and (min-width: 1000px) {
    .showWide {
        visibility: visible;
     }
}

2011 Способ: JQuery

// returns width of browser viewport
if( $(window).width() > 1000)
{
  //add or unhide image.
}  

И для получения дополнительной информации ... jquery width () документация .