street-heart.com
Street-Heart
Les photos sont hébergées sur le site
code Header (1)
<link href="nanoGALLERY/css/nanogallery.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript" src="nanoGALLERY/dist/jquery.nanogallery.min.js"></script>
code Header (2)
<script> 
jQuery(document).ready(function () { 
jQuery("#nanoGallery1").nanoGallery({ 
thumbnailWidth: 'auto', 
thumbnailHeight: 150, 
locationHash: false, 
thumbnailHoverEffect:'labelAppear75,borderLighter,scale120', 
itemsBaseURL:'http://www.street-heart.com/Photos/' 
}); 
}); 
</script>
Résultats :
ça marche à peu près comme je veux... Oups !

Question:
Les 5 premières photos font ici 138x104 pixels et le résultat en grand est bon (aussi bon qu'en 1106x830 !!! les 5 dernières photos) Bizarre, non ??

A faire à chaque page avec galerie :
- Code Header 1 et 2 peuvent être mis dans un calque ==> OK
- Les photos sont mises sur le site avant (MAJ à faire pour toute nouvelle photo). 1 ou 2 formats (miniature - pleine page) ??? Voir question plus haut.... Pas trop lourd si un seul format
- Insérer le code dans le bloc visuel pour déclarer les photos à visualiser - assez lourd !!

?? Hébergement local ou Picasa ?? 
Pour Picasa : Perf serveur - Limite fortement taille site
Contre Picasa : Lié à un tiers (quand ça change....)

Pour mon cas personnel (des centaines de galeries à déclarer), la procédure "Hébergement interne" semble plus légère.
Bloc code visuel
<div id="nanoGallery1"> 
<a href="P19-1260-01m.jpg"  
data-ngthumb="P19-1260-01m.jpg"></a> 
<a href="P19-1260-02m.jpg"  
data-ngthumb="P19-1260-02m.jpg"></a> 
<a href="P19-1260-03m.jpg" 
data-ngthumb="P19-1260-03m.jpg"></a> 
<a href="P19-1260-04m.jpg" 
data-ngthumb="P19-1260-04m.jpg"></a> 
<a href="P19-1260-05m.jpg" 
data-ngthumb="P19-1260-05m.jpg"></a> 
 
<a href="P19-1260-01.jpg"  
data-ngthumb="P19-1260-01m.jpg"></a> 
<a href="P19-1260-02.jpg"  
data-ngthumb="P19-1260-02m.jpg"></a> 
<a href="P19-1260-03.jpg" 
data-ngthumb="P19-1260-03m.jpg"></a> 
<a href="P19-1260-04.jpg" 
data-ngthumb="P19-1260-04m.jpg"></a> 
<a href="P19-1260-05.jpg" 
data-ngthumb="P19-1260-05m.jpg"></a> 
</div>