Image Upscaling in Fullscreen [#1274242]

Thanks for this excellent module. I recently purchased the "folio" theme, which is going to work well for some artist portfolio sites I'm putting together. Unfortunately I can't get Galleria to respect my customized image styles.

galleria_thumbnail (scaled to a 200px width) renders perfectly. but when users click to see galleria_zoom (scaled to 1024 with upscaling disabled) the image is pixelated. Looking at the code, the image itself is given attributes that stretch it.

http://i.imgur.com/sCY6t.jpg - zoomed & pixelated
http://i.imgur.com/hqFap.png - actual image ~ 300px that should be showing
http://i.imgur.com/M9U4D.png - image tag with inline css

is there something basic I am missing? how can i get rid of that inline css?

Comments

Comment #1

kroimon CreditAttribution: kroimon commented 9 September 2011 at 14:36

First of all: are you using the latest version? There were some bigger updates yesterday (don't forget to run update.php).

I'm not sure what causes your problem, but let me explain a little about the image styles.
There are three different image styles you can set. The first one is for the thumbnails (defaults to galleria_thumb), the second one is for the normal images as shown by Galleria above or below the thumbnails (defaults to galleria_zoom; confusing name, not for fullscreen) and the third one is for the "big" images used by Galleria when you open fullscreen or the lightbox etc. (defaulting to the originally uploaded image).
You can always change the predefined image styles (galleria_thumb and galleria_zoom) to whatever you want.

Comment #2

20crit CreditAttribution: 20crit commented 9 September 2011 at 15:49

That makes very good sense - thanks for the clarification. To make absolutely sure, I deleted and recreated my content type, uninstalled the module, reinstalled 7.x-1.x-dev, and updated the database.

My config is as follows: http://i.imgur.com/dWf5R.png

Unfortunately I still have the issue where the image is scaled up with inline css.

I seem to be having the same upscale problem with all the themes, too:
classic: http://i.imgur.com/roZhv.jpg
folio: http://i.imgur.com/0zUFk.jpg

i tried changing my screen resolution, and the inline css for the image changed as well. any idea where that code is coming from?

Comment #3

kroimon CreditAttribution: kroimon commented 9 September 2011 at 16:04

Ah ok, I think I now get what your problem actually is.

Drupal properly scales your images down to 1024, but the Galleria JavaScript upscales the images to fit the stage (in this case, to fullscreen).
You need to tell Galleria not to upscale the images. Therefore, add the option maxScaleRatio and set it to 1.

Hope this helps :-)

Comment #4

20crit CreditAttribution: 20crit commented 9 September 2011 at 16:07

Status:

Active

» Closed (fixed)

I love you.

Comment #5

kroimon CreditAttribution: kroimon commented 9 September 2011 at 16:09

Status:

Closed (fixed)

» Fixed

Thanks ;-)

There have to be a link to the options documentation somewhere on the module's configuration page. It's on my todo-list now...

Comment #6

Thunders CreditAttribution: Thunders commented 15 September 2011 at 08:34

Can fullscreen instead to use the lightbox module Shadowbox. If not possible how can I change the frame of the lightbox. What is the name of the CSS and location.