Author Topic: Image resize not consistent in Ajax Scroller  (Read 831 times)

racquel

  • Newbie
  • *
  • Posts: 4
    • View Profile
Image resize not consistent in Ajax Scroller
« on: 26 July 2010, 12:23 »
Hi, we have a couple of the AjaxScroller modules on our homepage but are finding that while some of the images displayed are being resized, some are not.

The scroller points to a category if that's important.

Does anyone have any solution to this or know why it happens? Thanks.

Saka

  • Administrator
  • Hero Member
  • *****
  • Posts: 2,453
    • View Profile
    • Sakic.Net
Re: Image resize not consistent in Ajax Scroller
« Reply #1 on: 26 July 2010, 19:07 »
They should all be resized to max width that you have in parameters. The height is held in proportions.

racquel

  • Newbie
  • *
  • Posts: 4
    • View Profile
Re: Image resize not consistent in Ajax Scroller
« Reply #2 on: 28 July 2010, 06:46 »
I know, that's why I'm confused.  :(

I have added one to show you what I mean on www.medicalhub.com.au called 'Test Scroller'.

We have manually reformatted the images for the first two modules, but the bottom one is fed from a category with our standard formatting - which is what we'd like to do with the other two modules as well.

Also, the title and read more must be in white text so aren't visible. Is there a way to override this in the CSS? If so, what code should I add?

Your help would be greatly appreciated! Thanks.

racquel

  • Newbie
  • *
  • Posts: 4
    • View Profile
Re: Image resize not consistent in Ajax Scroller
« Reply #3 on: 28 July 2010, 07:00 »
I forgot to say that there are 10 items in each scoller with 5 supposed to display at a time.

Max image size is set to 30.

As you will see on the test scrollers, some images resize and most do not.

Saka

  • Administrator
  • Hero Member
  • *****
  • Posts: 2,453
    • View Profile
    • Sakic.Net
Re: Image resize not consistent in Ajax Scroller
« Reply #4 on: 29 July 2010, 22:34 »
On the images that don't resize you have style width in image tag that overrides "width" HTML parameter:
Code: [Select]
<img width="30" style="width: 110px; height: 130px; float: left"...It's probably your WYSIWYG editor that puts that code. You need to remove it from your images and they will be resized fine.

Your template CSS is coloring your links in white. You can override it by adding color to style.css:
Code: [Select]
.ajaxscrl .mScroller div a {
color: #000000;
}

Also, I suggest you use individual style sheet for each module and not only general one (style.css). See documentation, styling part.

racquel

  • Newbie
  • *
  • Posts: 4
    • View Profile
Re: Image resize not consistent in Ajax Scroller
« Reply #5 on: 02 August 2010, 12:45 »
Thanks for that. Worked beautifully!  ;D