Как организовать вывод картинки в шапке сайта при просмотре полной новости?

можно закинуть в какой-нибудь .js файл или main.tpl
<script>
$(document).ready(function(){
  var img = document.querySelector('#maincont img').src;
  document.querySelector('#image').innerHTML = '<div style="background-image: url(' + img + ');width: 800px;height: 400px;background-size:100% auto;background-position: 50% 50%"></div>';
  });
</script>

вывод фона
<div id="image"></div>

fullstory.tpl

<div id="maincont" class="maincont">{full-story}    </div>

<div id="featured">
    <div class="container">    
        <div id="et-featured-posts" class="clearfix">
           [not-aviable=showfull]    
           {include file="slider_main.tpl"}
                      [/not-aviable]    
                   
            [aviable=showfull]
           {include file="slider_mini.tpl"}
           [/aviable]
           
           </div> <!-- #et-featured-posts -->
    </div> <!-- .container -->    
</div> <!-- #featured -->

<div class="post-thumbnail">
<img src="{imagelarge-1} " alt="{title}">
            <h1 class="post-heading">{title}</h1>
    </div> <!-- .post-thumbnail -->
    </div>

Ну если принцип понятен, то вот это " + img + " и есть {image-1},  выводиться - <div id="image"></div>. если Вам нужно использовать как фон, то 
[aviable=showfull]
<div id="image">{include file="slider_mini.tpl"}</div>
[/aviable]

только {full-story} нужно обернуть id="maincont", что бы вытащить картинку.

а здесь поправить стили
<div style="background-image: url(' + img + ');width: 800px;height: 400px;background-size:100% auto;background-position: 50% 50%"></div>

<div id="maincont" class="maincont">{full-story}</div>
CSS
.maincont img {display: none;} /*Убираем первую картинку в новости*/
.maincont img + img {display: block;} /*показываем вторую и последующие картинки.*/

.maincont img {display: none;} /*прячем первую картинку в новости*/
.maincont img + img {display: inline-block;} /*под размер картинки.*/

.maincont img {display: none;} /*Убираем первую картинку в новости*/
.maincont img + img {display: block;} /*показываем вторую и последующие картинки.*/

если Вы {include file="slider_mini.tpl"} вставляете в main.tpl, то <h1 class="post-heading">{title}</h1> из slider_mini.tpl показываться не будет. {title} - для краткой и полной новости.

.maincont img:first-child {display: none;} /*прячем первую картинку в новости если она не [thumb]*/
.maincont a img:first-child {display: block;}/*показываем все [thumb]*/