Joomla Templates Club 406,261 posts

[terryatjigsaw Friend terryatjigsawJoin date: December 2010Posts: 9Downloads:0Uploads:3 Thanks: 5]

#161425

Hi there

For the site http://www.koreanamericanstory.org, I have a problem which occurs when using the JA Tube template, but not JA Purity.

Whenever I publish any new articles which contain images, I have to make it square (such as 200 X 200) for it to appear optimally on the front page. When using a larger photo or non-square image, the image is automatically cropped, but it is always fuzzy and not usable.

Is there a way to configure this option, and/or disable it? Findings are:
– Only appears in IE8, not Firefox36
– When using Firebug and IE Developer Tools, I do not see that any extraneous width or height attributes have been added.
– No thumbnail plugins or modules have been installed for this site, and I have browsed the existing extensions.
– No configuration options in JCE Editor, editor used, for image thumbnails
– When viewing content article outside of frontpage, image appears normally without distortion.
– No configuration options in frontpage manager or article manager parameters
– potentially relevant css (I think) is

.article-content .ja-innerpad p {
margin: 7px 0;
}
.ja-innerpad .article-tools .article-meta {
float: none;
padding: 0;
width: auto;
}

– using Joomla 1.5.22, also observed in 1.5.20.
– Screenshots attached

Thanks

---

Attachments:

1. 
2. 

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

#381644

Hello,

I hope you need the photo in this page to be resized as 200 * 200 in width and size.

For this you need to do some css changes

Replace this

.article-content img {
border: 1px solid #DDDDDD;
margin-right: 15px;
margin-top: 3px;
padding: 3px;
}

With:

.article-content img {
border: 1px solid #DDDDDD;
margin-right: 15px;
margin-top: 3px;
padding: 3px;
width: 200px;
height: 200px;
}

By Doing this you will see the changes both in home page and the inner page

If you don’t want the home page Article images to be in 200 * 200 width and height.

please add the below css

.img-desc img {
height: auto !important;
width: auto !important;
}

Else please ignore this Css

Thanks

1 user says Thank You to chavan for this useful post

1. terryatjigsaw

[terryatjigsaw Friend terryatjigsawJoin date: December 2010Posts: 9Downloads:0Uploads:3 Thanks: 5]

#382298

Hi Chavan

Many thanks. Actually, I think my initial post wasn’t clear enough, I had a problem with images resizing on front page only and wasn’t sure how to turn it off or configure it. I believe though that the problem was not in the commercial template but the wysiwyg tool, JCE Editor has image resizing functionality, and I needed to uncheck the “proportional” checkbox to disable this. Many thanks for your help.

Cheers, Terry

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

#382306

you are most welcome Terry

[terryatjigsaw Friend terryatjigsawJoin date: December 2010Posts: 9Downloads:0Uploads:3 Thanks: 5]

#383501

Actually, I was premature in closing this issue.
Development site is as below, and the first article has the attached image.
http://www.koreanamericanstory.org/dev/www.koreanamericanstory.org/
I can PM over the username password if requested.

As you can see when comparing, the corresponding photo on the frontpage is pixelated, even though I have not made any changes to the image dimensions. I have also unchecked “proportional” in the JCE editor when embedding, which I had originally thought was the culprit.

Actually, I am wondering if this code is causing the issue, ta_templatetools_1.5.php in the JA Tube template folder
[PHP]

if ($ja_tools & 128){//show module functions
//Get background
$path = dirname(__FILE__).DS.’images’.DS.’background’;
$sel = $this->getParam(“ja_bodybg”);
$imgFiles = JFolder::files( $path );
$imageFile = array();
$i = 0;
foreach ($imgFiles as $file){
$i_f = $path .DS. $file;
if ( eregi( “bmp|gif|jpg|png|jpeg”, strtolower($file) ) && is_file( $i_f ) ) {
$thumb = $this->jaImgResize ($path .DS. $file, 40,40);
//$thumb = ”;
$imageFile[] = array(‘file’=>$file, ‘thumb’=>$thumb);
}
}
?>
[/PHP]

Many thanks, Terry

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#389530

hi terry,

To remove the feature of resizing images in the frontpage layout you can try as below
Open the file templatesja_tubehtmlcom_contentfrontpagedefault_item.php you would see this line of code
[PHP] $image = JA_Tools::extractImage ($this->item, true, $this->imageWidth, $this->imageHeight);[/PHP]

Just remove or comment out that line,I think that would help !

[Author]

Posts