Logique d’affichage des images via NextGen (Créer un compte)

  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #532998
    CAMEO172
    Participant
    Maître WordPress
    1395 contributions

    Me penchant sur l’optimisation de l’affichage de mes photos via le plugin NextGen, je constate que tout se fait par une série de

    Ci joint mon code actuel :

    <div class="ngg-galleryoverview" id="<?php echo $gallery->anchor ?>”>
    	
    	<?php foreach ( $images as $image ) : ?>
    	
    	<div id="ngg-image-<?php echo $image->pid ?>” class=”ngg-gallery-thumbnail-box”  >
    		<div class="ngg-gallery-thumbnail" >
    			<a href="<?php echo $image->imageURL ?>” title=”Agrandir la photo de <?php echo $image->alttext ?>” >
    				
    				<img title="<?php echo $image->alttext ?>” alt=”Photo Live de <?php echo $image->alttext ?>” src=”<?php echo $image->thumbnailURL ?>” <?php echo $image->size ?> />
    				
    			</a>
    		</div>
    	</div>
    
     	<?php endforeach; ?>
     	</div>

    Pour un affichage peut-être pas plus rapide mais par contre pour être plus logique, ne devrait on pas avoir une construction de la sorte :

    <div>
    <ul>
    <li>  <a   > <img /> ></a></li>
    <li>  <a   > <img /> ></a></li>
    <li>  <a   > <img /> ></a></li>
    …
    </ul>
    </div>

    Il suffit alors de bien définir côté CSS pour avoir un affichage équivalent. voyez vous une justifiaction à cette foison de div pour délimiter chaque photo, sachant que tout avoir dans une liste serait sémantiquement plus juste ?
    Je constate également que le plugin ajoute systématiquement la hauteur et la largeur de l’image.. Dans mon cas où tout étant toujours constant quelque soit la gallerie, je peux envoyer ça dans le CSS.

    #933110
    CAMEO172
    Participant
    Maître WordPress
    1395 contributions

    J’ai testé et ça marche :

    ci joint ma nouvelle boucle pour l’affichage des images

    <ul class="ngg-gallery-thumbnail" style="list-style-type: none;padding:0;margin:0">
    	
    
    			<li class="left">
    <a href="imageURL ?>” title=”Agrandir la photo de alttext ?>” >
    <img title="alttext ?>” alt=”Photo Live de alttext ?>” src=”thumbnailURL ?>” size ?> /></a>
    </li>			
     	
    </ul>

    c’est intellectuellement hyper mieux et Google comprendra mieux qu’il y a une série d’image.

    je présume que la page s’affiche un peu plus vite car moins complexe. (je fais sauter 2

    par image !! et une globale plus utile pour déliminer la zone).
    #933111
    CAMEO172
    Participant
    Maître WordPress
    1395 contributions

    l’ajout des style=”” est temporaire. Etant tout minifié et sur CDN je teste en dur côté php avant d’aller modifier mes fichiers.

3 sujets de 1 à 3 (sur un total de 3)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.