Warum erscheint das Bild des DedeCMS-Diashow-Aufrufs verschwommen?

Warum erscheint das Bild des DedeCMS-Diashow-Aufrufs verschwommen?

Viele Leute, die Dreamweaver zum Erstellen einer Website verwenden, stoßen auf das Problem, dass die Diashow auf der Startseite der dedecms-Website Miniaturansichten von Artikeln verwendet, wenn das Seitenverhältnis unseres tatsächlichen Bildes und das Verhältnis der Folie übereinstimmen zu unterschiedlich Wenn dies der Fall ist, wird das auf der Startseite angezeigte Diashow-Bild automatisch gedehnt und unscharf. Dies scheint ein Problem zu sein, das sich auf die Benutzererfahrung auswirkt. Lassen Sie uns zwei Methoden zur Lösung dieses Problems analysieren.

Die erste Lösung: Miniaturansichten manuell zuschneiden

Obwohl die Methode des manuellen Zuschneidens von Miniaturansichten etwas umständlicher ist, ist sie sehr praktisch und kann die Diashow-Bilder genau anzeigen. Die spezifische Methode ist zu verwenden Einige Bildverarbeitungstools wie Photoshop oder Meitu Xiuxiu können das Bild auf die gleiche Größe und Proportion wie die Folie bringen und es dann manuell hochladen. Der Vorteil ist, dass das Folienbild die richtige Größe hat und sehr klar ist Sehr gute Qualität, der Nachteil ist, dass es sehr mühsam ist, jedes Mal, wenn Sie einen Artikel veröffentlichen, Tools zum manuellen Zuschneiden von Miniaturansichten zu verwenden.

Die zweite Lösung besteht darin, den Dreamweaver-Code so zu ändern, dass Bilder automatisch in gleichen Anteilen aufgerufen werden.

Bilder automatisch in gleichen Anteilen aufrufen. Diese Methode ist auch praktischer und kann alle von uns hochgeladenen Bilder automatisch übertragen. Die Größe des Bildes wird automatisch an ein festes Größenverhältnis angepasst. Der Vorteil dieser Methode besteht darin, dass sie automatisch generiert wird, einfach und schnell ist. Der Nachteil besteht jedoch darin, dass es keine Möglichkeit gibt, Bilder mit horizontalem und vertikalem Verhältnis zu unterscheiden wird verzerrt sein. Die spezifische Änderungsmethode lautet wie folgt:

Öffnen Sie die Datei index.htm der Homepage-Vorlage der DreamWeaver-Website oder der Webseitenvorlage, die eine Diashow erfordert, und suchen Sie den folgenden Code zum Lesen der Miniaturansichten:

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

Wir ändern diesen Dreamweaver-Code in den folgenden Code:

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

Nachdem die Änderung abgeschlossen ist, löschen Sie den Cache und generieren Sie die Homepage neu.

Das obige ist der detaillierte Inhalt vonWarum erscheint das Bild des DedeCMS-Diashow-Aufrufs verschwommen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!