<div wysija_ratio="{#image|ratio}" class="wysija_image{if ! #text} alone{/if}{if ! #image || #image.static} empty{/if}" {if #image.src && ! #image.static}style="height:{#image.height}px;width:{#image.width|default:80}px;"{/if}>
    {if ! #image}
        {set var="#image_src" concat="#WYSIJA_EDITOR_IMG,transparent.png"}
        <img height="80" width="80" class="image_placeholder empty" src="{#image_src}" alt="" />
    {/if}

    {if #image}
        {if #image.static}
            {set var="#image_src" concat="#WYSIJA_EDITOR_IMG,transparent.png"}
            <div class="banner">
                <div class="banner-message">
                    <span class="banner-icon">
                    {if #type == 'header'}{$i18n.dropHeaderNotice}{/if}
                    {if #type == 'footer'}{$i18n.dropFooterNotice}{/if}
                    </span>
                </div>
                <div class="banner-notice">{$i18n.dropBannerNotice}</div>
            </div>
            <img class="image_placeholder static active" src="{#image_src}" height="{#image.height}" width="{#image.width}" />
        {/if}
        {if ! #image.static}
            <img {if ! #no-block}class="image_placeholder"{/if} src="{#image.src}" wysija_src="{#image.src}" height="{#image.height}" wysija_height="{#image.height}" width="{#image.width}" wysija_width="{#image.width}" alt="{#image.alt}" />
        {/if}

        {if ! #no-block}
            {if ! #image.static}
            <ul style="display: none;" class="wysija_tools">
                <li><a href="javascript:;" {if #image.static}style="display:none;"{/if} title="{$i18n.alignmentLeft}" class="alignment-left"><span></span></a></li>
                <li><a href="javascript:;" {if #image.static}style="display:none;"{/if} title="{$i18n.alignmentCenter}" class="alignment-center"><span></span></a></li>
                <li><a href="javascript:;" {if #image.static}style="display:none;"{/if} title="{$i18n.alignmentRight}" class="alignment-right"><span></span></a></li>
                <li><a href="javascript:;" {if #image.static}style="display:none;"{/if} title="{$i18n.addImageLink}" class="add-link"><span></span></a></li>
                <li><a href="javascript:;" {if #image.static}style="display:none;"{/if} title="{$i18n.removeImageLink}" class="remove-link"><span></span></a></li>
                <li><a href="javascript:;" {if #image.static}style="display:none;"{/if} title="{$i18n.removeImage}" class="remove"><span></span></a></li>
            </ul>

            <div class="wysija_params">
                <input type="hidden" name="url" value="{#image.url}" />
                <input type="hidden" name="alt" value="{#image.alt}" />
            </div>
            {/if}
        {/if}
    {/if}
</div>