1. dominiek.reyniers@redo-IT.be
  2. Commercial Templates
  3. Monday, 30 November 2015
  4.  Subscribe via email
Hello there,

I'm having trouble with the image rendering capabilities of Internet Explorer, using the GridGallery Component.

I built a site, using Madison template, for a local interior designer.

The site is more or less a showcase for his portfolio of projects.

The issue is : in internet explorer, the images are not always rendered correctly. Narrow lines are disturbed, and look wobbly.

In Firefox, Chrome, Safari... and don't have the issue.

To make things clear, I've made a screenshot, showing the same picture in Internet Explorer (on the left), and in Firefox (on the right).

Is there anything (CSS?) that can be done about this?





complete site is visible on this link : http://www.irmeersman.be

Thanks in advance for your feedback !
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Scaling can be tricky as results differ depending on both the browser and the type of image displayed. Your images have a lot of vertical and horizontal lines which will apply some of the problems associated with scaling.

May I suggest the following URL which gives examples of every possible CSS property which will effect rendering of scaled images.... http://www.maxrev.de/html/image-scaling.html

To apply one of these properties to your lightbox, add the following to the Custom CSS field of your templates parameters (edit to taste)...


.fancybox-image {
-ms-interpolation-mode: bicubic;
}


CiarĂ¡n
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!