Image stretching/rev images being ignored

[jt-zoovy]

Hello all,

I've got an issue where the images used are all different aspect ratios.  example:

http://www.warehousedirectusa.com/product/123456?fl=~test&wrapper=plain

Click any of the images that are more vertical.  The medium thumb is being stretched.  I am passing a rev on each href of a 400x300 instance of the image, which is padded with whitespace to compensate for the aspect ratio, but stretching is still occurring. Am I doing something wrong or is the rev just not getting used. If it isn't getting used, what's the purpose of passing it?

Thanks,

JT

[igga]

Hi,

Try to remove whitespace from small images. For example this small image http://static.zoovy.com/img/warehousedirect72/W400-H300-Bffffff/E/cortinabr28mirror.jpg shoul be same aspect ratio as corresponding big one.

[jt-zoovy]

Hello,

I tried that.  the issue is now only a portion of the medium image shows when the thumbnail is clicked. Example:

http://www.warehousedirectusa.com/product/123456?fl=~test&wrapper=plain

Click the second image over.  Only the top half shows because the flash is 400x300 but that particular image's aspect ratio is much taller.  I use the whitespace padding to make the medium size images conform to the same aspect ratio as the original medium size image.

I can easily generate the medium and small images in the aspect ratios that I need and only activate the magicTouch onclick if you can provide a sample of what that code should look like.

thank you,
JT

[igga]

First of all change your small images so they are the same aspect ratio as big ones. Then try to resize small image http://static.zoovy.com/img/warehousedirect72/W400-H649-Bffffff/E/cortinabr28mirror.jpg image so it's 194*314px. Does it solved the problem?

Another solution isn't good but probably you need it. You can don't use built-in multiple images support as it does not change main flash object size when image changed. Here is quick example of how you can use custom javascript code for changing images - http://demo.magictoolbox.com/2224/index.html

[jt-zoovy]

Hello,

I opted for the javascript solution.  Thanks!

JT

[jt-zoovy]

Hello,

Ran into another small issue with the javascript solution.

http://www.warehousedirectusa.com/product/123456?fl=~test&wrapper=plain

Single click works fine to update the medium sized image.  But when I double click the thumbnail, it was opening the original.  If the href on the image was anything but #, the ondblclick attribute was running, but then still opening the original image as the action, regardless of whether I told it not to or not.  To solve, I changed the href to # and added an additional parameter to the changeImage function and updated the code accordingly.

Now the thumbnail doesn't open the original image on double click, but what I'd like to do is have it open the magicTouch full screen window.  I tried MagicThumb.expand() function but it results in a JS error.

What am I doing wrong?

Thanks,
JT

[jt-zoovy]

Update - looks like my solution removes the extra thumbnails from the enlarge mode.  if you have a solution to solve the doubleclick and the multiple thumbnails, that would be great. If not, back to the drawing board...

[igga]

Hi,

Unfortunately it's impossible to have additional images thumbnails with such custom js solution.