Bonjour,

Vous avez tout à fait raison de vouloir agrandir cette miniature.

Pour nous transmettre votre code, vous pourriez utiliser le site : http://pastie.org/ ou bien envoyez un courriel à l'un des membres de l'équipe ;-)

En tous cas, merci pour votre partage ;-)

Voici mes modifications (en gras). Ce n'est rien de bien méchant et je pense qu'on même utiliser jquery pour faire un javascript plus "propre".

Fichier batch_manager_unit.tpl :

{include file='include/autosize.inc.tpl'}
{include file='include/datepicker.inc.tpl'}

{combine_script id='jquery.fcbkcomplete' load='async' require='jquery' path='themes/default/js/plugins/jquery.fcbkcomplete.js'}
{footer_script require='jquery.fcbkcomplete'}
var tag_boxes_selector = "";
{foreach from=$elements item=element name=element}
{if $smarty.foreach.element.first}
var prefix = "";
{else}
prefix = ", ";
{/if}
    tag_boxes_selector = tag_boxes_selector + prefix + "#tags-" + {$element.ID};
{/foreach}
{literal}
jQuery(document).ready(function() {
    $(tag_boxes_selector).fcbkcomplete({
        json_url: "admin.php?fckb_tags=1",
        cache: false,
        filter_case: false,
        filter_hide: true,
        firstselected: true,
        filter_selected: true,
        maxitems: 100,
        newel: true
    });
});
{/literal}{/footer_script}

<h2>{'Batch Manager'|@translate}</h2>

<form action="{$F_ACTION}" method="POST">
<fieldset>
  <legend>{'Display options'|@translate}</legend>
  <p>{'photos per page'|@translate} :
      <a href="{$U_ELEMENTS_PAGE}&amp;display=5">5</a>
    | <a href="{$U_ELEMENTS_PAGE}&amp;display=10">10</a>
    | <a href="{$U_ELEMENTS_PAGE}&amp;display=50">50</a>
    | <a href="{$U_ELEMENTS_PAGE}&amp;display=all">{'all'|@translate}</a>
  </p>

</fieldset>

{if !empty($navbar) }{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if}

{if !empty($elements) }
<div><input type="hidden" name="element_ids" value="{$ELEMENT_IDS}"></div>
{foreach from=$elements item=element}
<fieldset class="elementEdit">
  <legend>{$element.LEGEND}</legend>

  <a href="{$element.U_EDIT}"><img src="{$element.TN_SRC}" alt="" title="{'Edit photo information'|@translate}" onmouseover="showImg(event, '{$element.TN_SRC}');" onmouseout="hideImg();"></a>

  <table>

    <tr>
      <td><strong>{'Name'|@translate}</strong></td>
      <td><input type="text" class="large" name="name-{$element.ID}" value="{$element.NAME}"></td>
    </tr>

    <tr>
      <td><strong>{'Author'|@translate}</strong></td>
      <td><input type="text" class="large" name="author-{$element.ID}" value="{$element.AUTHOR}"></td>
    </tr>

    <tr>
      <td><strong>{'Creation date'|@translate}</strong></td>
      <td>
        <label><input type="radio" name="date_creation_action-{$element.ID}" value="unset"> {'unset'|@translate}</label>
        <label><input type="radio" name="date_creation_action-{$element.ID}" value="set" id="date_creation_action_set-{$element.ID}"> {'set to'|@translate}</label>

        <select id="date_creation_day-{$element.ID}" name="date_creation_day-{$element.ID}">
             <option value="0">--</option>
           {section name=day start=1 loop=32}
             <option value="{$smarty.section.day.index}" {if $smarty.section.day.index==$element.DATE_CREATION_DAY}selected="selected"{/if}>{$smarty.section.day.index}</option>
           {/section}
        </select>
        <select id="date_creation_month-{$element.ID}" name="date_creation_month-{$element.ID}">
          {html_options options=$month_list selected=$element.DATE_CREATION_MONTH}
        </select>
        <input id="date_creation_year-{$element.ID}"
               name="date_creation_year-{$element.ID}"
               type="text"
               size="4"
               maxlength="4"
               value="{$element.DATE_CREATION_YEAR}">
        <input id="date_creation_linked_date-{$element.ID}" name="date_creation_linked_date-{$element.ID}" type="hidden" size="10" disabled="disabled">
        {footer_script}
          pwg_initialization_datepicker("#date_creation_day-{$element.ID}", "#date_creation_month-{$element.ID}", "#date_creation_year-{$element.ID}", "#date_creation_linked_date-{$element.ID}", "#date_creation_action_set-{$element.ID}");
        {/footer_script}
      </td>
    </tr>
    <tr>
      <td><strong>{'Who can see this photo?'|@translate}</strong></td>
      <td>
        <select name="level-{$element.ID}">
          {html_options options=$level_options selected=$element.LEVEL}
        </select>
      </td>
    </tr>

    <tr>
      <td><strong>{'Tags'|@translate}</strong></td>
      <td>

<select id="tags-{$element.ID}" name="tags-{$element.ID}">
{foreach from=$element.TAGS item=tag}
  <option value="{$tag.value}" class="selected">{$tag.caption}</option>
{/foreach}
</select>

      </td>
    </tr>

    <tr>
      <td><strong>{'Description'|@translate}</strong></td>
      <td><textarea cols="50" rows="5" name="description-{$element.ID}" id="description-{$element.ID}" class="description">{$element.DESCRIPTION}</textarea></td>
    </tr>

  </table>

</fieldset>
{/foreach}

<p>
  <input class="submit" type="submit" value="{'Submit'|@translate}" name="submit">
  <input class="submit" type="reset" value="{'Reset'|@translate}">
</p>
{/if}

</form>

<script type="text/javascript">// <![CDATA[
{literal}$(document).ready(function() {
    $(".elementEdit img").fadeTo("slow", 0.6); // Opacity on page load
    $(".elementEdit img").hover(function(){
        $(this).fadeTo("slow", 1.0); // Opacity on hover
    },function(){
           $(this).fadeTo("slow", 0.6); // Opacity on mouseout
    });
});{/literal}
// ]]>
</script>

<script type="text/javascript">// <![CDATA[
{literal}function showImg(peEvent, psUrl) {
    if (peEvent == null) var peEvent = window.event;
    var sUrl = psUrl.replace("thumbnail/TN-", "");

    var eDiv = document.getElementById("divImg");
    if (eDiv == null) {
        eDiv = document.createElement("div");
        eDiv.style.display = "none";
        eDiv.style.border = "1px solid gray";
        eDiv.style.backgroundColor = "whitesmoke";
        eDiv.id = "divImg";
        document.body.appendChild(eDiv);
    }

if (eDiv.style.display == "block") return false;

    var posx = 0;
    var posy = 0;
    if (peEvent.pageX || peEvent.pageY)     {
        posx = peEvent.pageX;
        posy = peEvent.pageY;
    }
    else if (peEvent.clientX || peEvent.clientY)     {
        posx = peEvent.clientX + document.body.scrollLeft
            + document.documentElement.scrollLeft;
        posy = peEvent.clientY + document.body.scrollTop
            + document.documentElement.scrollTop;
    }


    eDiv.innerHTML = "<img style='padding: 6px;' src='" + sUrl + "'>";
    eDiv.style.position = "absolute";
    eDiv.style.top = posy - 300 + "px";
    eDiv.style.left = 50 + "px";
    eDiv.style.zIndex = 5000;
    eDiv.style.display = "block";
}

function hideImg() {

    var eDiv = document.getElementById("divImg");
    if (eDiv != null) {
        eDiv.style.display = "none";
    }
}{/literal}
// ]]>
</script>

OK, c'est fait : [Bugtracker] ticket 2269

je prend ^^

quel est le plus léger, efficace et complet plugin "lightbox" pour jQuery ?
je connais Colorbox, Slimbox, le clone de Lightbox évidement.... et il y en a plein d'autres

personnellement j'ai une petite préférence pour ColorBox

c'est que si on l'ajoute aux plugins jquery dispo par défaut, les plugins Piwigo pourront l'utiliser, donc autant prendre le meilleur

bon je prend ColorBox, il à l'air maintenu (dernière maj en mars 2011) alors que LighBox n'a pas bougé depuis 2007 :s

c'est pour ça que j'en ai pas parlé ^^

Bonjour,

J'ai fait la mise à jour de piwigo en 2.2.2 et ça marche nickel.
Merci !

Dernière modification par Xellos (2011-06-04 19:31:59)