Bonjour,

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

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

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

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

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

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>

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 ;-)