Pourquoi l'image de l'appel du diaporama DedeCMS apparaît-elle floue ?

Pourquoi l'image de l'appel du diaporama DedeCMS apparaît-elle floue ?

De nombreuses personnes qui utilisent Dreamweaver pour créer un site Web rencontrent un problème : le diaporama sur la page d'accueil du site Web dedecms utilise des miniatures d'articles si le rapport hauteur/largeur de notre image réelle et le rapport de la diapositive sont identiques. trop différent Si tel est le cas, l'image du diaporama affichée sur la page d'accueil s'étirera automatiquement et deviendra floue. Cela semble être un problème qui affecte l'expérience utilisateur. Analysons deux méthodes pour résoudre ce problème.

La première solution : recadrer manuellement les vignettes

Bien que la méthode de recadrage manuel des vignettes soit un peu plus lourde, elle est très pratique et permet d'afficher les images du diaporama avec précision. La méthode spécifique consiste à utiliser. Certains outils de traitement d'image tels que Photoshop ou Meitu Xiuxiu peuvent donner à l'image la même taille et les mêmes proportions que la diapositive, puis la télécharger manuellement. L'avantage est que l'image de la diapositive est de taille appropriée, très claire et de bonne qualité. de très bonne qualité, l'inconvénient est qu'il est très gênant d'utiliser des outils pour recadrer manuellement les vignettes à chaque fois que vous publiez un article.

La deuxième solution consiste à modifier le code DreamWeaver pour appeler automatiquement les images dans des proportions égales

Appeler automatiquement les images dans des proportions égales Cette méthode est également plus pratique et peut transférer automatiquement toutes les images que nous téléchargeons. La taille de l'image est automatiquement ajustée selon un rapport de taille fixe. L'avantage de cette méthode est qu'elle est générée automatiquement, simple et rapide, mais l'inconvénient est qu'il est impossible de faire la distinction entre les images au format horizontal et vertical. Si les images au format horizontal sont compressées en fonction des images au format numérique, les images le seront. être déformé. La méthode de modification spécifique est la suivante :

Ouvrez le fichier index.htm du modèle de page d'accueil du site DreamWeaver ou du modèle de page Web qui nécessite un diaporama, et recherchez le code suivant pour lire les vignettes :

for(i=1;i<picarr.length;i++){ 
if(files=="") files = picarr[i]; 
elsefiles += "|"+picarr[i]; 
}

Nous modifions ce code dreamweaver par le code suivant :

for(i=1;i<picarr.length;i++){ 
if(files=="") files = picarr[i].replace("-lp",""); 
elsefiles += "|"+picarr[i].replace("-lp",""); 
}

Une fois la modification terminée, videz le cache et régénérez la page d'accueil.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!