THELIA Forum

j'ai réussit à trouver une solution
voici mon code html :
<div class="model-default" id="principal">
                        {images file='assets/images/extrait-model.jpg'}<img src="{$asset_url}" >{/images}
</div>
<div  class="slide-footer">
                        {loop name="pse" type="product_sale_elements" product="$product_id"}
                        {loop name="combi" type="attribute_combination" product_sale_elements="$ID"  product="$product_id"}
                        {if $ATTRIBUTE_ID == 7}
                        <div class="slide-item">
                            {loop type="product-sale-elements-image" name="product-sale-elements-image" product_sale_elements_id="$ID" limit="1"}
                                {loop type="image" name="image.pse"  source="product" id={$PRODUCT_IMAGE_ID}   limit="1"}
                                     <a href="javascript:;" onclick="image('{$IMAGE_URL nofilter}','{$TITLE}')";>
                                         <img src="{$IMAGE_URL nofilter}" alt="{$TITLE}" class="img-responsive" style="width: 100% ; height: 100%" >
                                    </a>
                                {/loop}
                            {/loop}
                        </div>
                        {/if}
                        {/loop}
                        {/loop}
</div>

voici mon script :
<script type="text/javascript">
    function image(lien, titre)
    {
        var val = "<img src=" + lien + " alt=\"" + titre + "\" width=\"250\" height=\"400\"/>";
        document.getElementById('principal').innerHTML = val;
    }
</script>