код в пару строк на js

Надо найти родительский элемент в документе и добавить туда новый. Например

if(navigator.userAgent.match(/chrome/i)) {
  var img = document.createElement('img');
  img=document.body.appendChild(img); // окажется в самом низу страницы
  img.src='http://site.ru/foto.png'; // тут начнется загружаться картинка
}

Чтобы засунуть ее в определенное место документа, надо знать где оно.

kostyanet, немного не понял.

ну вот мне нужно чтобы в <header> выводилась картинка, если с хрома будет юзер. Сейчас она внизу страницы выводится )

<header class="page-header">

<script type="text/javascript">

if(navigator.userAgent.match(/chrome/i)) {

  var img = document.createElement('img');

  img=document.body.appendChild(img); // окажется в самом низу страницы

  img.src='http://site.ru/foto.png'; // тут начнется загружаться картинка

}

</script>

</header>

Все вы поняли, просто не уважаете читателей, когда начинаете раскручивать свою задачу по мере поступления вариантов ее решения.

if(navigator.userAgent.match(/chrome/i)) {
  var img=document.getElementById('page-header').appendChild(document.createElement('img'));
  img.src='http://site.ru/foto.png';
}

Наверно в одну строку будет работать.

if(navigator.userAgent.match(/chrome/i))
  document.getElementById('page-header').appendChild(document.createElement('img')).src='http://site.ru/foto.png';

Кто-нить на жиквери еще короче может написать.

Главное не перепутать, кто из них кто. :)

Зачем в одну строку - чтобы не было живой переменной в глобальном scope.

Если у вас код на месте вывода картинки, то можно и одной строкой:

window.chrome && document.write('<img src="http://site.ru/foto.png" alt="">');

Sigmo#ID, ну да. По идее должен быть объект с алиасами, чтоб не матчить х знает что. Типа browser.isChrome? then...

---------- Добавлено 21.08.2015 в 21:03 ----------

Jor, точно, забыл про этого динозавра. :) А что, алиас браузера уже скомпилирван в window?

ТС, делайте как знающие люди говорят - код надо поместить в то место, где должна быть картинка и все.

kostyanet, Ваш код не работает )

Jor, спасибо, но помимо хрома, еще в опере показывается картинка )

В мозилле все ок - не показывается.

п.с.

я уже и так попробовал

<header class="page-header">
<script type="text/javascript">
if(navigator.userAgent.match(/chrome/i)) {
  document.write('<img src="http://site.ru/foto.png">');
}
</script>
</header>

Всеравно опера отображает почему то.

С оперой постоянно косяки какие то, когда кроссбраузерно делаешь что либо (

п.п.с.

Вот мои юзер агенты:

Хром

Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.155 Safari/537.36

Мозилла

Mozilla/5.0 (Windows NT 6.3; WOW64; rv:38.0) Gecko/20100101 Firefox/38.0

Опера

Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.107 Safari/537.36 OPR/31.0.1889.99 (Edition Campaign 34)

У оперы, что у хрома юзер агент, хм

Как же эту оперу тогда идентифицировать можно...

-------------потёрто------------------

Топик можно закрыть, всем спасибо! )))