Redimensionnement des images et tri des hébergeurs approuvés

[Bot [Extensions]]

MOD - Redimensionnement des images et tri des hébergeurs approuvés

MOD

• Titre original : Resize and sort images of approved hosters
• Auteur : Steph
• Version : 1.0.0
• Description : Ce MOD va trier l'affichage de vos images en fonction des hébergeurs que vous approuvez.
  
  Les images hébergées sur un domaine non approuvé seront tout de même affichées en transparence avec un message d'explication, mais la page continuera de se charger sans contrainte du nombre d'image ces images seront visibles en quelques secondes après survol de la souris.
  
  Vous aurez la possibilité de n'affecter cette limitation qu'au membre titulaire du message concerné.
  
  Ce MOD permet également d'uniformiser la taille des images en les redimensionnant avec possibilité de les voir en taille réelle par un effet de zoom progressif.
  
  Un réglage permet de ne charger que les images visibles à l'écran.
• Notes de l'auteur :

  Merci à zach pour l'aide précieuse apportée surtout pour la partie JavaScript.
  
  L'installation aura un effet rétroactif sur toutes les images affichées en utilisant le bbcode IMG

Traduction Française

• Auteur : Steph
• Version : 1.0.0
• Notes : Si vous avez des suggestions concernant les traductions, merci de nous les faire parvenir par MP !

Installation

• Difficulté : Intermédiaire
• Durée : ~ 20 minutes
• Compatibilité selon l'auteur : 3.0.11
• Testé et fonctionnel sur : 3.0.11
• Styles : Prosilver
• Contribution française : Resize and sort images of approved hosters / contrib / languages / fr.xml
• Add-on : Resize and sort images of approved hosters / contrib / add-ons / mod_version_check.xml
• 

Screenshots






Forum de démonstration

• Test Redimensionnement des images et tri des hébergeurs ...

Téléchargement

Resize_and_sort_images_of_approved_hosters_fr.zip

(292.79 Kio) Téléchargé 1271 fois

Resize_and_sort_images_of_approved_hosters_fr.zip

(292.79 Kio) Téléchargé 1271 fois

Foire aux questions

• Fichiers en conflit pour phpBB SEO
• Les images ne s'affichent pas lors de l'utilisation d'un spoiler

> > Support: Redimensionnement des images et tri des hébergeurs approuvés < <

[Steph]

Fichiers en conflit pour phpBB SEO

Ouvrir : style/prosilver/template/attachment.html

Chercher :

Code : Tout sélectionner

			<dt class="attach-image"><img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" title="<!-- IF _file.COMMENT_CLEAN -->{_file.COMMENT_CLEAN} / <!-- ENDIF -->{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>

Remplacer par :

Code : Tout sélectionner

			<dt class="attach-image"><img<!-- IF S_RIAH_ACTIVE_ATTACHMENTS --><!-- IF S_RIAH_LAZYLOAD_ACTIVE --> src="" data-original="{_file.U_INLINE_LINK}"<!-- ELSE --> src="{_file.U_INLINE_LINK}"<!-- ENDIF --> class="internal_image<!-- IF S_RIAH_ZOOM_ACTIVE --> PopBoxImageSmall" onclick="Pop(this,{RIAH_ZOOM_TIME},'PopBoxImageLarge'); return false;<!-- ENDIF -->"<!-- ELSE --> src="{_file.U_INLINE_LINK}" onclick="viewableArea(this);"<!-- ENDIF --> alt="{_file.DOWNLOAD_NAME}" title="<!-- IF _file.COMMENT_CLEAN -->{_file.COMMENT_CLEAN} / <!-- ENDIF -->{_file.DOWNLOAD_NAME}" /></dt>

[Steph]

Les images ne s'affichent pas lors de l'utilisation d'un spoiler

Si vous n'avez pas de problème avec un bbcode spoiler il est totalement inutile d'appliquer ce qui suit

Deux solutions l'une va indiquer la dimension lors du clic sur le bouton et l'autre plus radical va désactiver le redimensionnement via javascript et le css prendra le relais.

L'une ou l'autre solution sera à appliquer suivant le style que vous utilisez.

• Première solution
  
  • Ouvrir : styles\prosilver\template\riah_header.html
    
    Chercher :
    

    Code : Tout sélectionner

    		jsInclude("{T_SUPER_TEMPLATE_PATH}/jquery.js");
    	}

    Ajouter après :
    

    Code : Tout sélectionner

    	/**
    	* ADDon RIAH - Spoiler
    	*/
    	function addon_spoile_riah()
    	{
    		$('.quotecontent .internal_image').each(function(i){
    				$(this).height('').width('');
    		});
    	}

    Dans le code html de remplacement du bbcode spoiler faire appel à la fonction addon_spoile_riah()
  Seconde solution
  
  • Ouvrir : styles\prosilver\template\riah_header.html
    
    Chercher :
    

    Code : Tout sélectionner

    			$(this).css({ height: image_int_new_height, width: image_int_max_width });
    			} else {
    			$(this).css({ height: image_int_height, width: image_int_width });

    Remplacer par :
    

    Code : Tout sélectionner

    			$(this).css({ height: '', width: '' });
    			} else {
    			$(this).css({ height: '', width: '' });

Dans les deux cas envoyez le fichier sur le FTP et rafraichissez les templates