Redimensionner une image

A

Anonymous

Guest
Bonjours, j'ai un petit souci je suis entrain de créer un diaporama défilant en PHP qui recherche automatiquement le nom des photo dans un répertoire. Cette partie j'ai réussie à la faire mais maintenant je souhaiterais que les photos soient redimensionner automatiquement, du genre si il y a une photo trop petite il prend la largeur et la hauteur les comparent est augmente la plus grande dimension vers celle souhaité et l'autre ce fait automatiquement. J'ai vu qu'il existait une fonction getimagesize, mais je vois pas comment l'ajouter à mon code. Merci d'avance pour votre aide.

Voici le code que j'ai actuellement :
Code: 
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title></title>



<script src="http://192.168.21.148/test_parfait.js"></script>



<script src="http://192.168.21.148/test.js"></script>



<link href="http://192.168.21.148/test.css" rel="stylesheet" />

<script type="text/javascript">

$(document).ready(function(){

  $('.bxslider').bxSlider({

	auto: true, // départ automatique

	mode: 'fade' // mode de transition ('horizontal', 'vertical', 'fade')

  });

});

</script>

<style type="text/css">

.bxslider-wrap { width:100% auto max-width:1296px max-height:960px; }

</style>

</head>

<body>



echo "<body bgcolor='black'>"; 

<?php

// 1/ RECUPERATION des IMAGES dans le DOSSIER

//nom du répertoire contenant les images à afficher

$repertoire = './Test';

$extensions_ok = array('gif','jpg','jpeg','png'); // extensions recherchées : images uniquement

 

//on ouvre le repertoire

$pointeur = opendir($repertoire);

 

//on stocke les noms des fichiers des images trouvées, dans un tableau

$tab_image = array();

$dimensions = array();


while ($fichier = readdir($pointeur))

{      

        if ( in_array( strtolower(pathinfo($fichier,PATHINFO_EXTENSION)), $extensions_ok) )

        {

                $tab_image[] = $fichier;

        }      

}

//on ferme le répertoire

closedir($pointeur);

?>

 

<div class="bxslider-wrap">

<ul class="bxslider">



<?php

// 2/ AFFICHAGE des IMAGES

if( !empty(($tab_image)) )

{

        // ordre aléatoire

        shuffle($tab_image);

        //affichage des images

        foreach( $tab_image as $image )

        {
			

		?>
			<li>

      				<img src="<?php echo $repertoire.'/'.$image; ?>" height="960px" width="1296px" alt="" />

   			</li>	


<?php

        }

}

?>

</ul>

</div>

 

 

</body>

</html>
 
Here's how you determine the width and height of an image :

Code: 
foreach( $tab_image as $image ) {
	// http://php.net/manual/en/function.getimagesize.php
	$size = getimagesize($repertoire . '/' . $image);
	$width = $size[0];
	$height = $size[1];
	echo '<pre>';
	print_r($size);
	echo '</pre>';
?>

<li>
	<img src="<?php echo $repertoire . '/' . $image; ?>" <?php echo $size[3]; ?> alt="" />
</li>
 
That would normally display images on my site, acquire the size of the device on which the user is viewing the site I'm using magento 2 review extension. They are very convenient and do not need to edit the site code
 
You must log in or register to reply here.
Back
Top