Joomla Templates Club 406,261 posts

[csolar Friend csolarJoin date: July 2009Posts: 24Downloads:0Uploads:5 Thanks: 2]

#143264

I’m trying to include images in JA News Frontpage articles. The config panel for this module lets me choose the scaled dimensions for the images. As per the instructions, I’m specifying a width dimension (240px for the ‘featured’ articles, 100px for the rest) and specifying “-1” for the height. This is supposed to scale the images to my target width without affecting the aspect ratio.

I’m finding this does not work on Firefox. I’ve tried FF 3 and 3.5.2 on XP, and FF3.5 on OSX. In all cases, no images at all are displayed. I can see the “-1” is actually sent in the <img> element as the height…and I guess the browser rejects the element entirely. Chrome (XP) and Safari (OSX) do handle this correctly; i.e., the images are displayed.

see: http://oscadev.org/joomla15/
One of the two featured articles should have an image, as should three of the non-featured articles.

Any suggestions?

Thanks,

Chris.

[joeflynn Friend joeflynnJoin date: February 2009Posts: 91Downloads:0Uploads:1 Thanks: 59 Thanked: 3 times in 1 posts]

#313488

Chris,
First things first – upgrade your Firefox to the latest version (for Mac, 3.5.2) as there are a lot of security bugs fixed in that version.

But, that doesn’t help your problem…since I see the same thing happening; Safari works, Firefox doesn’t show the picture. (Firefox does leave a line space where the picture should be landing.

I think that I have figured it out though. I am guessing that you are handcoding the pictures into your html? I am using the lowly MCE editor, and using the ‘Image’ button at the bottom to insert the images. When I do that, it will create a series of smaller images in the resized folder automatically, and these images are fed into the page.

For example, see my site <http://www.dcinematools.com&gt;. The IT Pro picture on the front page was loaded into the article with the ‘Image’ button, and looking at the article HTML it says:
<img src=”http://dcinematools.com/images/stories/security/it_pro_hacker.jpg” alt=”IT Pro Logo” align=”left”>.
But looking at the page source from the front page, it is accessed from the resized folder as: <http://dcinematools.com/images/resized/images/stories/security/it_pro_hacker_226_187.jpg&gt;

Looking at your page’s source code, the picture for the river run is:
<img src=”/joomla15/images/stories/river_run.jpg” alt=”River Run Lots of Fun” width=”240″ height=”-1″ />

For whatever reason, this is not working in firefox and works in Safari.

I did an experiment of hardcoding the picture into my article using the <img src=”/, and the picture didn’t resize properly and doesn’t make resized pictures. Perhaps if you put in the entire <img src=”http://oscadev.org/joomla15/ in front it would work…I don’t know.

But essentially, what happens if you just let the editor and Teline II do the work?

[csolar Friend csolarJoin date: July 2009Posts: 24Downloads:0Uploads:5 Thanks: 2]

#313507

Thanks for the tip; I’ll check that out.

I just edited the ‘River Run’ article and re-inserted the image using the ‘image’ button at the bottom…but the problem is the same. I’m using JCE. Maybe I’ll try a different editor and see what happens.

[joeflynn Friend joeflynnJoin date: February 2009Posts: 91Downloads:0Uploads:1 Thanks: 59 Thanked: 3 times in 1 posts]

#313512

The source is still showing the link as a relative link, while mine are showing up as absolutes…yet I have my MCE editor set up for relative…weird.

Is Joomla15 an offsite storage place for your pictures or is it on your server?

[joeflynn Friend joeflynnJoin date: February 2009Posts: 91Downloads:0Uploads:1 Thanks: 59 Thanked: 3 times in 1 posts]

#313520

OK; I think I figured it out…

If I link to a picture that is off of my server, it acts weird…size is wrong. If I have the picture in my images folder directly, it all works correctly.

Another tip in another help thread points out that, for the MCE editor, you must go to Administrator -> Site -> Global configuration -> System -> change Enable Flash Uploader to No in order to allow the editor to upload from the Insert Image button sequence.

[csolar Friend csolarJoin date: July 2009Posts: 24Downloads:0Uploads:5 Thanks: 2]

#313522

What are your image size settings in JA News Frontpage? Is Frontpage scaling the images? I ask because when I view the source for your page, the <img> elements don’t contain any dimensions.

When I re-edited the “River Run” article, the image _was_ selected from my images directory.

[csolar Friend csolarJoin date: July 2009Posts: 24Downloads:0Uploads:5 Thanks: 2]

#313531

Here’s something: if in the Frontpage parameters I enter “0” (zero) for the unspecified image dimension, rather than “-1”, then it works: the image displays and is scaled properly. (e.g., width=100, height=0)

I guess the tooltips for the Frontpage admin page are wrong, then, since they say to use “-1”.

Switching from JCE to Tiny MCE made no difference, BTW.
(I did apply the tip about turning off the Flash for the image loader…which fixed a problem I was having with image upload.)

[joeflynn Friend joeflynnJoin date: February 2009Posts: 91Downloads:0Uploads:1 Thanks: 59 Thanked: 3 times in 1 posts]

#313545

<em>@csolar 139752 wrote:</em><blockquote>When I re-edited the “River Run” article, the image _was_ selected from my images directory.</blockquote>

But was it selecting from images/resized/images/stories/…

For example, the front page on my site is coming from:
<http://dcinematools.com/images/resized/images/stories/security/it_pro_hacker_226_187.jpg&gt;

<em>@csolar 139752 wrote:</em><blockquote>What are your image size settings in JA News Frontpage? Is Frontpage scaling the images? I ask because when I view the source for your page, the <img> elements don’t contain any dimensions.</blockquote>

TelineII Frontpage is definately rescaling the pages. I am not <img>’ing at all. The tool is doing the work.

[csolar Friend csolarJoin date: July 2009Posts: 24Downloads:0Uploads:5 Thanks: 2]

#313553

<em>@joeflynn 139782 wrote:</em><blockquote>But was it selecting from images/resized/images/stories/…

For example, the front page on my site is coming from:
<http://dcinematools.com/images/resized/images/stories/security/it_pro_hacker_226_187.jpg&gt;

TelineII Frontpage is definately rescaling the pages. I am not <img>’ing at all. The tool is doing the work.</blockquote>

Maybe we’re seeing different things, but I don’t think Frontpage actually scales the images — it just sets the output dimensions when it builds the <img> element, and it’s up to the browser to scale.

For my example, the ‘river run’ image shipped to the browser is full size: 800×507 (if I right-click on the image an do “view image”, that’s what I get). In Frontpage, I said that the image should have width=285 and height=unspecified (zero), so this is what Frontpage put in the page:

<img src=”/joomla15/images/stories/river_run.jpg” alt=”River Run Lots of Fun” width=”285″ />

…and the browser scales it down to 285 wide. Before, when I was using “-1″as the height, that was being put in the <img> element as well, but I guess that’s invalid syntax, and Firefox was rejecting the whole thing. Chrome and Safari were being more lenient, so they ignored the bad attribute and still displayed the image.

(I’m not creating <img> elements myself, BTW)

I don’t even have a ‘resized’ directory under /images. The fact that you do suggests to me that something on your back-end is scaling the images — well some of the images — beforehand. They don’t even have dimensions in the image elements.

Your image of James Cameron is being scaled to 80×80 in the browser, just like mine (and it’s being distorted in the process).

I’m confused! How can it be constructing different code for different articles in the same module?

[joeflynn Friend joeflynnJoin date: February 2009Posts: 91Downloads:0Uploads:1 Thanks: 59 Thanked: 3 times in 1 posts]

#313556

Looking at your problem made me realize that whenever I use an external picture as a reference (which I did with the Cameron picture), it doesn’t resize correctly. I have a lot of photos to change.

But, look at this now. I uploaded the picture at the same size to the server, and dropped-down the other two stories which had pushed the Cameron story down the list.

Now, the site’s front page photo size is something that Teline did, and if you click on the tab Aquisition, you will see that it is downsized, again by Teline, to the smaller size. But if you see the article itself, it is that big size.

I did not create the ‘resize’ folders…they are part of the Teline package. Check with you ftp program to see if they are there.

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#313566

I grappled with this issue for quite sometime because of this reality:

Unlike the Demo Page, it is most likely that the images you include in different articles will never be the same WxH ratio. For example, there are horizontal and vertical images, some of them may even be in extreme proportions.

In the above scenario, you will get “funny mirror” images.

Also, I used much larger images than allowed in the Frontpage. Here is a Sanbox Demo page

Teline II Sandbox 099[/url]
http://joomlart.bayanihan-saranay.org/jte15x099/

where what I outline below creates a compromise in proper image scaling. Note how the two feature images in the Frontpage are of different size proportions but the same width. This is also the case with the other images in the other Front page articles.

When the WxH proportions are extreme, the width of the image showing in the minor articles in the Front Page, will differ, but will still be the correct proportion. I prefer this effect than having “fat or thin” images that happens if you do not check “Auto resize”.

Please note also that the above will work only if you place your images in the “images” directory. To my dismay, certain browsers does not follow the scaling if the image is outside of the Joomla site.

What I do is this.

To make it simpler, I place the images in the image module,. I place them in directories (or subdirectories) to aid me in finding the correct image.

I specify an image size (W and H( in the FrontPage module, and check autoresize (both in the Frontpage and JA News Module).

When I include an image in the article, I specify the “actual size” I want it to appear in the full page, i.e.,

<img class="caption" src="images/cgc/bos/bos080507/bos080507c/r0_bos080507-0083.jpg" border="0" title="Swan Boat Ride, Boston, MA, USA" width="500" height="310" align="middle" />

where:

width=”xxx” height=”yyy” must be the correct ratio for each of the images.

Using this approach, i.e., specifying the correct WxH ratio, the specified ratio in the Frontpage module and News module will be overruled if you also indicate “Auto resize” in these modules.

From my own sites, what will happen is that the width specified in the Frontpage module feature image will be retained, but the heights will vary, in correct proportion to the WxH ratio, more or less.

The images in other articles in the Frontpage module will be in correct proportion. This is the case also in the News Module.

Not perfect, but among the other choices, I found this outcome a much better compromise — rather than getting funny mirror effects because your images do not always conform to the one specified in the Frontpage module and News module.

Note, what I explained here will work only if you indicated “Autoresize” in both Frontpage module and News module as well as specify the WxH as indicated in the image


<img class="caption" src="images/cgc/bos/bos080507/bos080507c/r0_bos080507-0083.jpg" border="0" title="Swan Boat Ride, Boston, MA, USA" width="500" height="310" align="middle" />

I know this will work with most browsers. I am not sure about Internet Explorer.

Cornelio

[csolar Friend csolarJoin date: July 2009Posts: 24Downloads:0Uploads:5 Thanks: 2]

#313569

There must be some difference between our sites that accounts for this difference in behaviour. I definitely don’t have a ‘resized’ directory. All my images are getting scaled in the browser (easy to check with a right-click/properties), whereas most of yours are not — they’re being served up already scaled. I don’t see a config option in Teline that would account for this. I suppose we could just have different versions of the Frontpage module (I have 1.3.1).

Do you have an image-handling extension installed? I have Phoca gallery, but I don’t think it has any bearing here.

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#313571

Hi csolar,

One of the lessons I learned during the transition from Joomla 1.0.x to Joomla 1.5.x is this:

Avoid using too many third party extensions. Your site is screwed if the third party extensions do not update promptly, when Joomla updates.

This is especially true recently when there was rapid updates from Joomla 1.5.11 to 1.5.12 to 1.5.13 and recently 1.5.14.

This issue is specially critical because almost all of the aforementioned updates are security updates.

So, in answer to your question, I do not have any special feature, i.e., added any extension that creates the processed images.

Are all your images in the images directory? This is critical. Also the other stuff I specified in my previous post.

One difference that I could think of is in the Global Configuration.

Administrator => Global Configuration => go to Server

Click to open, and you will find:

Server Settings:

=>GZIP Compression No Yes (default is No)

Check Yes. And, save of course.

This might do the trick. It will also make your page show up faster, especially if you have a lot of images.

Cornelio

<em>@csolar 139812 wrote:</em><blockquote>There must be some difference between our sites that accounts for this difference in behaviour. I definitely don’t have a ‘resized’ directory. All my images are getting scaled in the browser (easy to check with a right-click/properties), whereas most of yours are not — they’re being served up already scaled. I don’t see a config option in Teline that would account for this. I suppose we could just have different versions of the Frontpage module (I have 1.3.1).

Do you have an image-handling extension installed? I have Phoca gallery, but I don’t think it has any bearing here.</blockquote>

[Author]

Posts