Redimensionnement d'images automatique

[EnYgmA]

Bonjour à tous ,

étant donné que la question est posée assez régulièrement je diffuse une bonne fois la réponse afin que tout le monde en profite

Téléchargez l'archive suivante et placez le dossier highslide à la racine de votre FTP

highslide.rar

(269.06 Kio) Téléchargé 1124 fois

highslide.rar

(269.06 Kio) Téléchargé 1124 fois

---

Ouvrir : includes bbcode.php

Cherchez :

Code : Tout sélectionner

'#\[img:$uid\](.*?)\[/img:$uid\]#s'        => $this->bbcode_tpl('img', $bbcode_id),

Remplacez par :

Code : Tout sélectionner

'#\[img:$uid\](.*?)\[/img:$uid\]#ise'      => "\$this->bbcode_second_pass_img('\$1')",

Cherchez :

Code : Tout sélectionner

}

?>

Ajoute avant :

Code : Tout sélectionner

//------------- START IMAGE RESIZE MOD ----------------
    /**
    * Second parse img tag
    */
    function bbcode_second_pass_img($url) {
   
		$Largeur_image = 600;
       
        global $user;
            $dimensions = @getimagesize($url);
            $resize = false;
            $return = "";

        // Resize testing
        if ($dimensions[0] > $Largeur_image) {
            $resize = true;
            $ratio = $Largeur_image/$dimensions[0];
            $imageHeight = round($dimensions[1]*$ratio);
            $imageWidth = round($dimensions[0]*$ratio);
			$imageWidth = $Largeur_image;
        } else {
            $imageWidth = $dimensions[0];
            $imageHeight = $dimensions[1];
        }
        // Construct the HTML, placing the JS link if the image has been resized
        if ($resize){ $return .= "<div style=\"font-size:7pt; text-align:center;\"><i>Clique sur l'image pour l'agrandir</i><br /><a href=\"$url\" class=\"highslide\" onclick=\"return hs.expand(this, { captionId: 'caption1' } )\">"; }     
        $return .= "<img src=\"$url\" alt=\"" . $user->lang['IMAGE'] . "\" title=\"Clique sur l'image pour l'agrandir\"";
        if ($resize){ $return .= " width=\"$imageWidth\" height=\"$imageHeight\""; }
        $return .= " />";
        if ($resize){ $return .= "</a></div>"; }

        return $return;
       
       }
//------------- END IMAGE RESIZE MOD ----------------

Vous pouvez personnaliser la valeur de $Largeur_image = 600; qui correspond à la largeur en pixel de l'image redimensionnée

Ouvrir : style prosilver template overall_header.html

Cherchez :

Code : Tout sélectionner

</head>

Ajoutez avant :

Code : Tout sélectionner

<link rel="stylesheet" href="./highslide/highslide.css" type="text/css" />
<script type="text/javascript" src="./highslide/highslide-with-gallery.js"></script>

Enregistrez vos fichiers au format UTF8 sans Bom et rafraîchissez le template


Cette astuce n'est qu'un complément de ce mod Auto Image Resize 0.0.3

@ ++