Remarquez que l'image transparente servant � cr�er les espacements entre lettres a une hauteur de 1 pixel, ce qui cr�e une irr�gularit� dans la zone sensible comme le montre le sch�ma suivant relatif � l'image cr��e dans l'�tape pr�c�dente:
<- zone sensible
Or, si vous d�cidez de mettre un lien sur votre s�quence d'images, seul les lettres seront cliquables et le pixel inf�rieur des espaces. Pour rem�diez � cela, il faudrait pouvoir faire varier la hauteur de l'image transparente simulant les espaces de mani�re � avoir une zone sensible comme celle-ci :
<- nouvelle zone sensible
La nouvelle version g�re ce principe en rajoutant le param�tre "hauteur de lettre". On pourra enfin choisir le nom du r�pertoire dans lequel prendre les images (dans le cas o� vous auriez le courage et le temps de faire plusieurs planches de 70 caract�res) :
function transformer_en_images($chaine, $espacement_entre_lettre,$hauteur_de_lettre,$rep_fonts)
{
$images_retournees="";
// BOUCLE DE PARCOURS DE LA CHAINE
for ($i=0;$i<strlen($chaine);$i++)
{
$caractere_lu=substr($chaine,$i,1);
// GESTION DES CARACTERES SPECIAUX
if ($caractere_lu==".") $caractere_lu="point";
if ($caractere_lu=="'") $caractere_lu="apostrophe";
if ($caractere_lu==":") $caractere_lu="deux_points";
if ($caractere_lu=="/") $caractere_lu="slash";
if ($caractere_lu=="�") $caractere_lu="e";
if ($caractere_lu=="�") $caractere_lu="e";
if ($caractere_lu=="�") $caractere_lu="e";
if ($caractere_lu==" ") $caractere_lu="espace";
// VERIFICATION DE LA PRESENCE DU FICHIER
if (is_file("../lettres/$rep_fonts/lettre_$caractere_lu.gif"))
{
// LE FICHIER EXISTE
// AJOUT D'UNE IMAGE A LA SEQUENCE RETOURNEE
$images_retournees.="<img src=../lettres/$rep_fonts/lettre_$caractere_lu.gif border=0>";
// AJOUT DE L'ESPACE INTER-LETTRE
$images_retournees.="<img src=../lettres/$rep_fonts/spacer.gif width=$espacement_entre_lettre height=$hauteur_de_lettre border=0>";
}
}
return ("$images_retournees");
}
Voici le r�sultat en appelant la fonction transformer_en_images($chaine,4,8,"04b25") et sa zone sensible respective :
<- zone sensible
Et avec la fonction transformer_en_images($chaine,1,6,"silkscreen") et sa zone sensible respective :
<- zone sensible
Si vous avez sauv� chacune des images sur un fond transparent et sans bord autour des lettres, vous pouvez d�j� :
d'une part utiliser une typo d�finie sur n'importe quelle couleur de fond.
d'autre part, choisir un espacement entre lettres compris entre 0 et plusieurs pixels.
De quoi r�aliser plusieurs effets sympathiques sans n�cessairement multiplier la quantit� de travail par 10, le plus long �tant de r�aliser les planches.
ous serez probablement amen�s, g�n�ralement pour g�n�rer le contenu ou le menu d'une interface au pixel, � transformer une cha�ne de caract�res, quelle qu'elle soit, en une suite d'images repr�sentant respectivement les lettres de la chaine. La fonction de transformation de cha�ne en images est �minemment simple, aussi insitera-t-on sur la flexibilit�/adaptabilit� du code et la rigueur apport�e � celui-ci pour minimiser la quantit� de travail d�j� importante (26 lettres, 10 chiffres, 30 caract�res sp�ciaux - ponctuation et autres - soit environ 70 caract�res par planche graphique)
). La nouvelle version accepte un param�te de plus : la largeur de l'espacement entre les lettres exprim�e en pixels :
