Phraseanet/templates/web/prod/preview/result_train.html.twig

<div id="PREVIEWCURRENTCONT" class="PNB10">
  <ul>
    {% for record in records %}

        {% set thumb_w = 70 %}
        {% set thumb_h = 70 %}

        {% set thumbnail = record.subdefs.thumbnail|default(null) %}

        {% if thumbnail is not none %}
            {% set thumb_w = thumbnail.width %}
            {% set thumb_h = thumbnail.height %}
        {% endif %}

        {% set url = record_thumbnail_url(record) %}

        {% set box_w = 70 %}
        {% set box_h = 80 %}

        {% set original_h = thumb_h > 0 ? thumb_h : 70 %}
        {% set original_w = thumb_w > 0 ? thumb_w : 70 %}

        {% set fit_size = fitIn(
                {"width":original_w, "height":original_h},
                {"width":box_w, "height":box_h}
            )
        %}
        {%  set rec_number = loop.index0 + index %}
        <li class="prevTrainCurrent current{{rec_number}} {% if rec_number == selected %}selected{% endif %}">
            <img jsargs="RESULT|{{rec_number}}|" class="openPreview" src="{{url}}"
               src="{{url}}"
               style="
                   width:{{fit_size.width}}px;
                   height:{{fit_size.height}}px;
                   top:{{fit_size.top}}px;
                   position:relative;
               "
            />
        </li>
    {% endfor %}

    </ul>
  </div>
<div class="wrapper_diaspo">
    <div class="cont_infos">
        <div>
            <button class="preview-navigate-action" data-direction="backward">
                <i class="fa fa-caret-left" aria-hidden="true"></i>
            </button>
            <button class="preview-navigate-action" data-direction="forward">
                <i class="fa fa-caret-right" aria-hidden="true"></i>
            </button><br/>
            <span class="preview-start-slideshow-action"
                  id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }} </span>
            <span class="preview-stop-slideshow-action"
                  id="stop_slide"> {{ 'preview:: arreter le diaporama' | trans }} </span>
        </div>
    </div>
    <div id="PREVIEWTOOL"></div>
</div>