Shulou(Shulou.com)06/02 Report--

This article mainly introduces what is the reason for the blurred picture display of Weaving Dream DedeCMS slide show. The article is very detailed and has certain reference value. Interested friends must finish reading it!

Dream DedeCMS Slide call Picture Why is the display blurry?

A problem encountered when many websites use dream weaving programs is that the first slide of the dedecms website calls the article thumbnail. If the difference between the aspect ratio of our actual picture and the proportion of the slide is too big, then the slide picture displayed on the home page will automatically stretch and become blurred. This really seems to be a problem that affects the user experience. Here are two ways to solve this problem.

The first solution: cropping thumbnails manually

Although the method of manually cutting thumbnails is a little more tedious, it is very practical to display slide pictures exactly. The specific method is to use Photoshop tools or some image processing tools such as Meitu to make the picture the same size as the slide, equal to the scale of the picture, and then upload it manually. This is fine, and this advantage is that the slide picture is of the right size, very clear and of good quality. The disadvantage is that it is troublesome to use a tool to manually cut thumbnails every time an article is published.

The second solution is to automatically call the picture in proportion by modifying the dream-weaving code.

Automatically proportional to call pictures, this method is also more practical, we can automatically upload any size of the picture automatically adjusted to a fixed size ratio. The advantage of this method is automatic generation, simple and fast, but the disadvantage is that the horizontal-to-vertical ratio of the picture can not be distinguished. If the horizontal-to-vertical ratio of the picture is compressed according to a number of proportional pictures, it will make the picture distorted. The specific modification methods are as follows:

Open the home page template index.htm file of the dream weaving website or the page template that requires a slide, and find the following code to read the thumbnail:

For (iTunes 1)

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.