FluxBB.fr

Le site des utilisateurs francophones de FluxBB.

Vous n'êtes pas identifié(e).

Pages : 1

#1 26-09-2012 17:28:15

barbuslex
Membre
Inscription : 05-06-2008
Messages : 200
Site Web

Redimmensionnement automatique des images ?

Salut à tous !

Y aurait il un moyen pour redimensionner les images automatiquement dans fluxbb pour qu'elles ne dépassent pas d'une discussion ?

J'ai pensé à une mod tel que FancyBox ou LightBox mais je ne sais pas laquelle choisir et surtout si elle permettent de faire ce genre de chose...

Pouvez vous m'éclairer au sujet ?

Merci d'avance,
Dans l'attente,

Hors ligne

#2 26-09-2012 20:44:08

a-snowboard
Membre
Inscription : 20-06-2011
Messages : 440
Site Web

Re : Redimmensionnement automatique des images ?

Bah perso vu que la largeur est bloqué (1080px) les images ne dépassent pas la largeur de la partie blanche du topic (le blabla quoi)
c'est fait automatiquement

Le roi du snowboard ! Sans prétention hein ? mdr

Fluxbb 1.4.7, Forum Photo Paris

Hors ligne

#3 26-09-2012 21:06:48

barbuslex
Membre
Inscription : 05-06-2008
Messages : 200
Site Web

Re : Redimmensionnement automatique des images ?

Oui ok mais est il possible de leur donner une taille par défaut ?
Style comme des miniatures quoi et dès que l'on clic dessus cela ouvre une fenêtre et ça l'affiche dans une nouvelle fenêtre.

Hors ligne

#4 26-09-2012 21:51:57

a-snowboard
Membre
Inscription : 20-06-2011
Messages : 440
Site Web

Re : Redimmensionnement automatique des images ?

désolé mais là ça dépasse mes compétences. hmm

Le roi du snowboard ! Sans prétention hein ? mdr

Fluxbb 1.4.7, Forum Photo Paris

Hors ligne

#5 26-09-2012 22:12:51

barbuslex
Membre
Inscription : 05-06-2008
Messages : 200
Site Web

Re : Redimmensionnement automatique des images ?

Aucun problème c'est déjà sympas de ta part d'avoir pris le temps de répondre.

[mode=philosophe]
En espérant qu'une âme charitable arrivera a éclairer ma lanterne... wink
[/mode]

Hors ligne

#6 26-09-2012 22:25:57

a-snowboard
Membre
Inscription : 20-06-2011
Messages : 440
Site Web

Re : Redimmensionnement automatique des images ?

je pose une question au hasard en espérant qu'un pro passe par là.

Si on associe la balise img à un cadre d'une dimension donnée, cela ne réduirait pas la photo en conséquence ?

Le roi du snowboard ! Sans prétention hein ? mdr

Fluxbb 1.4.7, Forum Photo Paris

Hors ligne

#7 27-09-2012 10:41:42

Defaz
Membre
Inscription : 30-11-2006
Messages : 700
Site Web

Re : Redimmensionnement automatique des images ?

Salut !

Je ne peux pas vraiment entrer dans le détail mais j'utilise un script de redimensionnement avec mon projet de galerie, couplé à une modif de la balise image ça pourrait être jouable wink

Les functions :

<?php

// fonction de REDIMENSIONNEMENT physique "CROP CENTRE" et Enregistrement
// 	---------------------------------------------------------------
// retourne : 1 (vrai) si le redimensionnement et l enregistrement ont bien eu lieu, sinon rien (false)
// 	---------------------------------------------------------------
// La FONCTION : fctcropimage ($W_fin, $H_fin, $rep_Dst, $img_Dst, $rep_Src, $img_Src)
// Les parametres :
// - $W_fin : LARGEUR finale --> ou 0
// - $H_fin : HAUTEUR finale --> ou 0
// - $rep_Dst : repertoire de l image de Destination (déprotégé) --> ou ''
// - $img_Dst : NOM de l image de Destination --> ou ''
// - $rep_Src : repertoire de l image Source (déprotégé)
// - $img_Src : NOM de l image Source
// 	---------------------------------------------------------------
// 4 options :
// A- si $W_fin != 0 et $H_fin != 0 : crop aux dimensions indiquees
// B- si $W_fin == 0 et $H_fin != 0 : crop en HAUTEUR (meme largeur que la source)
// C- si $W_fin != 0 et $H_fin == 0 : crop en LARGEUR (meme hauteur que la source)
// D- si $W_fin == 0 et $H_fin == 0 : (special) crop "carre" a la plus petite dimension de l image source
// 	---------------------------------------------------------------
// $rep_Dst : il faut s'assurer que les droits en écriture ont été donnés au dossier (chmod)
// - si $rep_Dst = '' --> $rep_Dst = $rep_Src (meme repertoire que le repertoire Source)
// - si $img_Dst = '' --> $img_Dst = $img_Src (meme nom que l image Source)
// - si $rep_Dst = '' ET $img_Dst = '' --> on ecrase (remplace) l image source ($img_Src) !
// 	---------------------------------------------------------------
// NB : $img_Dst et $img_Src doivent avoir la meme extension (meme type mime) !
// Extensions acceptees (traitees ici) : .jpg , .jpeg , .png
// Pour ajouter d autres extensions : voir la bibliotheque GD ou ImageMagick
// (GD) NE fonctionne PAS avec les GIF ANIMES ou a fond transparent !
// 	---------------------------------------------------------------
// UTILISATION (exemple) :
// $cropOK = fctcropimage(120,80,'reppicto/','monpicto.jpg','repimage/','monimage.jpg');
// if ($cropOK == 1) { echo 'Crop centré OK !';  }
// 	---------------------------------------------------------------
function fctcropimage($W_fin, $H_fin, $rep_Dst, $img_Dst, $rep_Src, $img_Src) {
	$condition = 0;
	// Si certains parametres ont pour valeur '' :
	if ($rep_Dst == '') { $rep_Dst = $rep_Src; } // (meme repertoire)
	if ($img_Dst == '') { $img_Dst = $img_Src; } // (meme nom)
	// si le fichier existe dans le répertoire, on continue...
	if (file_exists($rep_Src.$img_Src)) { 
		// extensions acceptees : 
		$ExtfichierOK = '" jpg jpeg png"'; // (l espace avant jpg est important)
		// extension fichier Source
		$tabimage = explode('.',$img_Src);
		$extension = $tabimage[sizeof($tabimage)-1]; // dernier element
		$extension = strtolower($extension); // on met en minuscule
		// extension OK ? on continue ...
		if (strpos($ExtfichierOK,$extension) != '') {
			$condition = 1;
			// recuperation des dimensions de l image Source
			$img_size = getimagesize($rep_Src.$img_Src);
			$W_Src = $img_size[0]; // largeur
			$H_Src = $img_size[1]; // hauteur
			// condition de crop et dimensions de l image finale
			// A- crop aux dimensions indiquees
			if ($W_fin != 0 && $H_fin != 0) {
				$W = $W_fin;
				$H = $H_fin;
			}
			// B- crop en HAUTEUR (meme largeur que la source)
			if ($W_fin == 0 && $H_fin != 0) {
				$H = $H_fin;
				$W = $W_Src;
			}
			// C- crop en LARGEUR (meme hauteur que la source)
			if ($W_fin != 0 && $H_fin == 0) {
				$W = $W_fin;
				$H = $H_Src;         
			}
			// D- crop "carre" a la plus petite dimension de l image source
			if ($W_fin == 0 && $H_fin == 0) {
				if ($W_Src >= $H_Src) {
					$W = $H_Src;
					$H = $H_Src;
				} else {
					$W = $W_Src;
					$H = $W_Src;
				}
			}
			// creation de la ressource-image "Src" en fonction de l extension
			switch($extension) {
				case 'jpg':
				case 'jpeg':
				$Ress_Src = imagecreatefromjpeg($rep_Src.$img_Src);
				break;
				case 'png':
				$Ress_Src = imagecreatefrompng($rep_Src.$img_Src);
				break;
			}
			// creation d une ressource-image "Dst" aux dimensions finales
			// fond noir (par defaut)
			switch($extension) {
				case 'jpg':
				case 'jpeg':
				$Ress_Dst = imagecreatetruecolor($W,$H);
				// fond blanc
				$blanc = imagecolorallocate ($Ress_Dst, 255, 255, 255);
				imagefill ($Ress_Dst, 0, 0, $blanc);
				break;
				case 'png':
				$Ress_Dst = imagecreatetruecolor($W,$H);
				// fond transparent (pour les png avec transparence)
				imagesavealpha($Ress_Dst, true);
				$trans_color = imagecolorallocatealpha($Ress_Dst, 0, 0, 0, 127);
				imagefill($Ress_Dst, 0, 0, $trans_color);
				break;
			}
			// CENTRAGE du crop
			// coordonnees du point d origine Scr : $X_Src, $Y_Src
			// coordonnees du point d origine Dst : $X_Dst, $Y_Dst
			// dimensions de la portion copiee : $W_copy, $H_copy
			// CENTRAGE en largeur
			if ($W_fin == 0) {
				if ($H_fin == 0 && $W_Src < $H_Src) {
					$X_Src = 0;
					$X_Dst = 0;
					$W_copy = $W_Src;
				} else {
					$X_Src = 0;
					$X_Dst = ($W - $W_Src) /2;
					$W_copy = $W_Src;
				}
			} else {
				if ($W_Src > $W) {
					$X_Src = ($W_Src - $W) /2;
					$X_Dst = 0;
					$W_copy = $W;
				} else {
					$X_Src = 0;
					$X_Dst = ($W - $W_Src) /2;
					$W_copy = $W_Src;
				}
			}
			// CENTRAGE en hauteur
			if ($H_fin == 0) {
				if ($W_fin == 0 && $H_Src < $W_Src) {
					$Y_Src = 0;
					$Y_Dst = 0;
					$H_copy = $H_Src;
				} else {
					$Y_Src = 0;
					$Y_Dst = ($H - $H_Src) /2;
					$H_copy = $H_Src;
				}
			} else {
				if ($H_Src > $H) {
					$Y_Src = ($H_Src - $H) /2;
					$Y_Dst = 0;
					$H_copy = $H;
				} else {
					$Y_Src = 0;
					$Y_Dst = ($H - $H_Src) /2;
					$H_copy = $H_Src;
				}
			}
			// CROP par copie de la portion d image selectionnee
			imagecopyresampled ($Ress_Dst, $Ress_Src, $X_Dst, $Y_Dst, $X_Src, $Y_Src, $W_copy, $H_copy, $W_copy, $H_copy);
			// ENREGISTREMENT dans le repertoire (avec la fonction appropriee)
			switch ($extension) { 
				case 'jpg':
				case 'jpeg':
				imagejpeg ($Ress_Dst, $rep_Dst.$img_Dst);
				break;
				case 'png':
				imagepng ($Ress_Dst, $rep_Dst.$img_Dst);
				break;
			}
			// liberation des ressources-image
			imagedestroy ($Ress_Src);
			imagedestroy ($Ress_Dst);
		}
	}
	// si le fichier a bien ete cree
	if ($condition == 1 && file_exists($rep_Dst.$img_Dst)) { return true; }
	else { return false; }
}
// retourne : 1 (vrai) si le redimensionnement et l enregistrement ont bien eu lieu, sinon rien (false)

// fonction de REDIMENSIONNEMENT physique "PROPORTIONNEL" et Enregistrement
// 	---------------------------------------------------------------
// retourne : 1 (vrai) si le redimensionnement et l enregistrement ont bien eu lieu, sinon rien (false)
// 	---------------------------------------------------------------
// La FONCTION : fctredimimage ($W_max, $H_max, $rep_Dst, $img_Dst, $rep_Src, $img_Src)
// Les parametres :
// - $W_max : LARGEUR maxi finale --> ou 0
// - $H_max : HAUTEUR maxi finale --> ou 0
// - $rep_Dst : repertoire de l image de Destination (deprotégé) --> ou '' (meme repertoire)
// - $img_Dst : NOM de l image de Destination --> ou '' (meme nom que l image Source)
// - $rep_Src : repertoire de l image Source (deprotégé)
// - $img_Src : NOM de l image Source
// 	---------------------------------------------------------------
// 3 options :
// A- si $W_max != 0 et $H_max != 0 : a LARGEUR maxi ET HAUTEUR maxi fixes
// B- si $H_max != 0 et $W_max == 0 : image finale a HAUTEUR maxi fixe (largeur auto)
// C- si $W_max == 0 et $H_max != 0 : image finale a LARGEUR maxi fixe (hauteur auto)
// Si l'image Source est plus petite que les dimensions indiquees : PAS de redimensionnement.
// 	---------------------------------------------------------------
// $rep_Dst : il faut s'assurer que les droits en écriture ont été donnés au dossier (chmod)
// - si $rep_Dst = ''   : $rep_Dst = $rep_Src (meme repertoire que l image Source)
// - si $img_Dst = '' : $img_Dst = $img_Src (meme nom que l image Source)
// - si $rep_Dst='' ET $img_Dst='' : on ecrase (remplace) l image source !
// 	---------------------------------------------------------------
// NB : $img_Dst et $img_Src doivent avoir la meme extension (meme type mime) !
// Extensions acceptees (traitees ici) : .jpg , .jpeg , .png
// Pour ajouter d autres extensions : voir la bibliotheque GD ou ImageMagick
// (GD) NE fonctionne PAS avec les GIF ANIMES ou a fond transparent !
// 	---------------------------------------------------------------
// UTILISATION (exemple) :
// $redimOK = fctredimimage(120,80,'reppicto/','monpicto.jpg','repimage/','monimage.jpg');
// if ($redimOK == 1) { echo 'Redimensionnement OK !';  }
// 	---------------------------------------------------------------
function fctredimimage($W_max, $H_max, $rep_Dst, $img_Dst, $rep_Src, $img_Src) {
	$condition = 0;
	// Si certains parametres ont pour valeur '' :
	if ($rep_Dst == '') { $rep_Dst = $rep_Src; } // (meme repertoire)
	if ($img_Dst == '') { $img_Dst = $img_Src; } // (meme nom)
	// si le fichier existe dans le répertoire, on continue...
	if (file_exists($rep_Src.$img_Src) && ($W_max!=0 || $H_max!=0)) {
		// extensions acceptees : 
		$ExtfichierOK = '" jpg jpeg png"'; // (l espace avant jpg est important)
		// extension fichier Source
		$tabimage = explode('.',$img_Src);
		$extension = $tabimage[sizeof($tabimage)-1]; // dernier element
		$extension = strtolower($extension); // on met en minuscule
		// extension OK ? on continue ...
		if (strpos($ExtfichierOK,$extension) != '') {
			// recuperation des dimensions de l image Src
			$img_size = getimagesize($rep_Src.$img_Src);
			$W_Src = $img_size[0]; // largeur
			$H_Src = $img_size[1]; // hauteur
			// condition de redimensionnement et dimensions de l image finale
			// A- LARGEUR ET HAUTEUR maxi fixes
			if ($W_max != 0 && $H_max != 0) {
				$ratiox = $W_Src / $W_max; // ratio en largeur
				$ratioy = $H_Src / $H_max; // ratio en hauteur
				$ratio = max($ratiox,$ratioy); // le plus grand
				$W = $W_Src/$ratio;
				$H = $H_Src/$ratio;   
				$condition = ($W_Src>$W) || ($W_Src>$H); // 1 si vrai (true)
			}
			// B- HAUTEUR maxi fixe
			if ($W_max == 0 && $H_max != 0) {
				$H = $H_max;
				$W = $H * ($W_Src / $H_Src);
				$condition = $H_Src > $H_max; // 1 si vrai (true)
			}
			// C- LARGEUR maxi fixe
			if ($W_max != 0 && $H_max == 0) {
				$W = $W_max;
				$H = $W * ($H_Src / $W_Src);         
				$condition = $W_Src > $W_max; // 1 si vrai (true)
			}
			// on REDIMENSIONNE si la condition est vraie
			// Par defaut : 
			// Si l'image Source est plus petite que les dimensions indiquees :
			// PAS de redimensionnement.
			// Mais on peut "forcer" le redimensionnement en ajoutant ici :
			// $condition = 1;
			if ($condition == 1) {
			// creation de la ressource-image "Src" en fonction de l extension
				switch($extension) {
					case 'jpg':
					case 'jpeg':
					$Ress_Src = imagecreatefromjpeg($rep_Src.$img_Src);
					break;
					case 'png':
					$Ress_Src = imagecreatefrompng($rep_Src.$img_Src);
					break;
				}
				// creation d une ressource-image "Dst" aux dimensions finales
				// fond noir (par defaut)
				switch($extension) {
					case 'jpg':
					case 'jpeg':
					$Ress_Dst = imagecreatetruecolor($W,$H);
					break;
					case 'png':
					$Ress_Dst = imagecreatetruecolor($W,$H);
					// fond transparent (pour les png avec transparence)
					imagesavealpha($Ress_Dst, true);
					$trans_color = imagecolorallocatealpha($Ress_Dst, 0, 0, 0, 127);
					imagefill($Ress_Dst, 0, 0, $trans_color);
					break;
				}
				// REDIMENSIONNEMENT (copie, redimensionne, re-echantillonne)
				imagecopyresampled($Ress_Dst, $Ress_Src, 0, 0, 0, 0, $W, $H, $W_Src, $H_Src); 
				// ENREGISTREMENT dans le repertoire (avec la fonction appropriee)
				switch ($extension) { 
					case 'jpg':
					case 'jpeg':
					imagejpeg ($Ress_Dst, $rep_Dst.$img_Dst);
					break;
					case 'png':
					imagepng ($Ress_Dst, $rep_Dst.$img_Dst);
					break;
				}
				// liberation des ressources-image
				imagedestroy ($Ress_Src);
				imagedestroy ($Ress_Dst);
			}
		}
	}
	// si le fichier a bien ete cree
	if ($condition == 1 && file_exists($rep_Dst.$img_Dst)) { return true; }
	else { return false; }
}
// retourne : 1 (vrai) si le redimensionnement et l enregistrement ont bien eu lieu, sinon rien (false)
?>

Projet BlueFrog - Portail communautaire | StyLeZed - Bibliothèque de styles pour FluxBB

Firebug est ton ami !

Hors ligne

#8 27-09-2012 12:19:13

M@x
Membre
Lieu : LocalHost
Inscription : 15-07-2006
Messages : 1 831
Site Web

Re : Redimmensionnement automatique des images ?

Salut,

Concernant la box, tu peut regarder de ce coté. Après pour le redimensionnement de l'image tu peut utiliser les fonctions de Defaz.

...

Hors ligne

#9 27-09-2012 13:05:43

barbuslex
Membre
Inscription : 05-06-2008
Messages : 200
Site Web

Re : Redimmensionnement automatique des images ?

Oui mais pour le redimensionnement c'est pas un soucis juste ceci suffira il me semble :

<a href="LINK IMAGE" target="_blank"><img src="LINK IMAGE" style="width: 400px; height: 300px" /></a>

Qu'en pensez vous ?

Quel est la box la mieux ? Fancybox ou lightbox ?

Hors ligne

#10 27-09-2012 14:19:20

Defaz
Membre
Inscription : 30-11-2006
Messages : 700
Site Web

Re : Redimmensionnement automatique des images ?

Ce que tu proposes risque de déformer les images qui ne sont pas au même format.

Le mieux pour choisir entre Fancybox et lightbox c'est de les tester wink

Projet BlueFrog - Portail communautaire | StyLeZed - Bibliothèque de styles pour FluxBB

Firebug est ton ami !

Hors ligne

#11 02-10-2012 13:22:08

a-snowboard
Membre
Inscription : 20-06-2011
Messages : 440
Site Web

Re : Redimmensionnement automatique des images ?

J'ai lu en diagonale et avec mon très faible niveau de php et mysql. Mais comme tu as mis les commentaires je comprend un peut ton code.

Si j'ai bien compris pour le redimentionnement (second code), l'image est redimensionné et enregeistré. Cependant, l'enregistrement écrase le fichier d'origine non ?

Le roi du snowboard ! Sans prétention hein ? mdr

Fluxbb 1.4.7, Forum Photo Paris

Hors ligne

Pages : 1

Pied de page des forums