Joomla Templates Club 406,261 posts

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#196321

When I uploaded a GIF image from Joomla 1.5 + Teline II site it looked like this in the JA News Featured module.

despite looking like this in Teline II JA FP module

Notice the difference? Saving it as a JPEG fixed the problem, but why does the Teline II JA FP module resize and display it correctly but the the Teline IV JA News Featured module does not? Resizing of GIFs code?? In the article itself, at native size, it looked fine before I changed it to a JPEG.

http://217.199.187.59/tecsa.com/joomla2/index.php/en/news/industry-news/consumables/17298-first-web-fed-aqueous-inkjet-is-qgood-deinkableq-without-pre-treatment

---

Attachments:

1. 
2. 
3. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528806

Go to this File: /templates/ja_teline_iv_t3/css/template.css

Add this code

.item-page .thumbnail {
border-radius: 0 !important;
box-shadow: none !important;

}

1 user says Thank You to chavan for this useful post

1. timtecsa

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#528815

Thanks, Chavan.

I spoke too soon. I put the .gif back but …. look at it in Chrome browser http://217.199.187.59/tecsa.com/joomla2

It looks OK in Firefox.

See same GIF in Teline II, Joomla 1.5, below, from http://www.globalprintmonitor.info/ in Chrome browser.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528865

The problem is with Gif image and I have made a photoshop edit and here is the modified file attached

Please make upload this to your site and check it. Also make a back up of the existing image.

---

Attachments:

1. 

1 user says Thank You to chavan for this useful post

1. wingly

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#528979

Thanks for the photoshop edit. I did much the same by saving the GIF as a JPEG which solved the problem in Chrome. However, what puzzles me is why the GIF resizing code (zoom in) in Teline II front page module (mod_janews_fp 1.3.1) works fine but the same feature in JA News Featured module does not.

Any thoughts? Re-visit/lift the code 🙂

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528986

No the GIF image you had some transparency circle around the image, while resizing the transparent spaces turned to black. While you are saving it as jpg , the transparency disappears. since jpg does not accept transparency. so jpg was working fine for you.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#528997

The simple “save as JPEG” made a cleaner image than the photoshop one, so I’ve used that.
The same GIF is zoomed up here.

http://www.globalprintmonitor.info/

The screen grab, below, is from Chrome browser. I don’t see any transparency issue.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#529005

The image you mentioned in the http://www.globalprintmonitor.info/ is not resized by php code. It is an actual image http://www.ingede.com/icons/25years.gif

But the one on the this site http://217.199.187.59/tecsa.com/joomla2/index.php/en/ is resized . This is the resize image http://217.199.187.59/tecsa.com/joomla2/images/resized/images/j2xml/48/25years_161_109.jpg

While resizing the issue occurred. The issue was with the Resizing a Transparent GIF image.

Hope this explains

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#529023

<em>@Chavan 419280 wrote:</em><blockquote>The image you mentioned in the http://www.globalprintmonitor.info/ is not resized by php code. It is an actual image http://www.ingede.com/icons/25years.gif

But the one on the this site http://217.199.187.59/tecsa.com/joomla2/index.php/en/ is resized . This is the resize image http://217.199.187.59/tecsa.com/joomla2/images/resized/images/j2xml/48/25years_161_109.jpg

While resizing the issue occurred. The issue was with the Resizing a Transparent GIF image.

Hope this explains</blockquote>

The source image “25years.gif” is exactly the same in both cases. However, whatever method of interpolation of the transparent gif image is used on the homepage of http://www.globalprintmonitor.info (mod_janews_fp 1.3.1)on Teline II is superior to whatever method is used in JA Featured News on Teline IV. i.e. one looks much better than the other when scaled up (interpolated/re-sampled, etc.).

good GIF interpolation versus bad Both are derived from “25years.gif”

Resized means interpolated/resampled etc? Same thing in the end? Only difference is which algorithms are used?

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#529092

yes it is re-sampled, while re-sampling the image went wrong like this.

The reason it went black was when a GIF image has a transparent background, the re-sampling made the transparent spaces to black. that’s it.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#529231

Yes. Thanks for the technical explanation.
However, it’s a pity that the sampling for transparent GIFs is less effective on Teline IV than on Teline II.

[Author]

Posts