Comments on: maxImage: jQuery image scaler – Now with center-ability!

By: Aaron Vanderzwan

Aaron Vanderzwan — Fri, 11 Nov 2011 18:31:59 +0000

Hey JPGodwin. I’m sorry to tell you, but MaxImage 1.0 is unable to do what you are asking. MaxImage 2.0 will be unable (at least for the time being) as well. MaxImage 1.0 was built a little piecemeal. First I built the full background functionality. Then I needed images that weren’t in the background but were restricted to specific sizes and with offsets, then I finally built the slideshow functionality. Unfortunately I have not seen a strong demand for specific sizes with offsets as a slideshow (joining up the two). I like the idea of this, but just have not found a compelling reason to take the time to do it. As of right now, MaxImage 2.0 is focused on the slideshow functionality and does not have the options for offsetting an image. I will be looking to expand this in the future, but that is not going to happen for some time yet.

I’m sorry I can’t help you any more than that.

By: JPGodwin

JPGodwin — Fri, 11 Nov 2011 17:45:58 +0000

Hi, great plugin. Having trouble making it work how I want to though. I have seven images in a row inside a div container with the following code:

#grid-container {
position: relative;
margin-top: 80px;
margin-left:300px;
width: 88%;
height: 100%;
overflow: auto;

white-space: nowrap;
}

I have the following code to resize the images in my

$(function(){
jQuery(‘img.maxAtOrigImageSize’).maxImage({
horizontalOffset: 740,
verticalOffset: 191,
horizontalAlign: ‘left’,
verticalAlign: ‘right’,

maxAtOrigImageSize: ‘true’,

position:(‘absolute’),
overflow:(‘auto’)
});
});

Using this script, the plugin only seems ot work on the first image, but not the rest. I have used the class name in every image like so:

However, no matter what I try, the first image just sits on top of the second image, and it’s the only one that behaves how I want it to. The plugin seems to completely ignore the other images in the container. Is there a fix for this?

Love this plugin, regardless though.

By: Aaron Vanderzwan

Aaron Vanderzwan — Wed, 09 Nov 2011 18:33:17 +0000

Hey Shane,

I would take a look at “overflow” css attribute for the html / body elements along with the overflow option for this plugin.
http://www.w3schools.com/cssref/pr_pos_overflow.asp

If this doesn’t fix it, post a URL to the site you are trying to build and I will take a look.

By: Shane

Shane — Wed, 09 Nov 2011 18:23:53 +0000

Hi Aaron,

Nice plugin! I’m thinking about use it but for some reason I’m getting a scrollbar on the bottom of the page.
I have no other content on the page just your jquery maximage script & a image I wish to use to scale in a browser.

Regards
Shane

By: 优秀jQuery插件 | Laofs.com【老粉丝】

优秀jQuery插件 | Laofs.com【老粉丝】 — Fri, 04 Nov 2011 01:03:51 +0000

[...] 2）maxImage – jQuery的图片倍线器：maxImage是一个jQuery插件，在浏览器窗口有多大的空间为基础的图像进行自动调整。您的浏览器窗口的形象将永远填补。 [...]

By: Aaron Vanderzwan

Aaron Vanderzwan — Tue, 01 Nov 2011 21:44:49 +0000

@Stewart and @Thomas

There is currently nothing built for a next / previous button. I will look into adding this to the 2.0 release.

By: Aaron Vanderzwan

Aaron Vanderzwan — Tue, 01 Nov 2011 21:43:54 +0000

@Mark and @Julien

This seems to be an issue with modern browsers… they want to save resources so they don’t use setTimeout the way that they used to. I have made an update to 1.1.8 that should fix this… If you still notice an issue please let me know.

By: Aaron Vanderzwan

Aaron Vanderzwan — Tue, 01 Nov 2011 21:41:40 +0000

@David Dantes

There are plenty of slideshow plugins that will work if you don’t need the image to be a fullscreen background image. Feel free to check out my favorite, jquery cycle plugin… http://jquery.malsup.com/cycle/.

By: Aaron Vanderzwan

Aaron Vanderzwan — Tue, 01 Nov 2011 21:39:40 +0000

@Jay

The images have to be set to display:none in the CSS. Please give that a try. (ref. line 126 of http://aaronvanderzwan.com/maximage/bgslideshow.php)

By: 20 Best And Useful jQuery Plugins of March 2010 « RPL Class

20 Best And Useful jQuery Plugins of March 2010 « RPL Class — Fri, 28 Oct 2011 06:40:42 +0000

[...] maxImage jQuery Image Scaler : maxImage is a jquery plugin that automatically scales images based [...]

By: Jay

Jay — Thu, 27 Oct 2011 22:39:57 +0000

Hey Aaron,

I’m having a strange problem with the script. Using the slideshow background, it quickly cycles through all of the images and stops on the 4th (last) image. It then goes back to image 01.

How do I get this to start at image 01 like on your example page?

The link is http://inexfolio.com/temp/

thanks!

By: David Dantes

David Dantes — Wed, 26 Oct 2011 03:20:06 +0000

Hello: Thank you for publishing this script. I am interested in the slide show application. Is there a way to configure a smaller size than full screen? Also, I set the option background=false, but the images still appear as background to text and other images on my test page.

By: jochem

jochem — Thu, 20 Oct 2011 10:57:44 +0000

Hi Aaron,

Nice work! I’d love to see support for jquery cycle. It has such lovely transitions. Would be nice to see some in your plugin.

Thnx,

Jochem

By: jochem

jochem — Thu, 20 Oct 2011 10:56:42 +0000

Hi Aaron,

I’d love to see support for jquery cycle. It has such lovely transitions. Would be nice to see some in your plugin.

By: Aaron Vanderzwan

Aaron Vanderzwan — Wed, 19 Oct 2011 02:52:55 +0000

I just released MaxImage 1.1.8. It is a minor release to squash some of the bugs I have been reading about here and other places. Please let me know if there are any important issues you are having with 1.x. I am busy working on 2.0 which will use CSS3 background cover when possible and will have a clean fallback for non-css3 compliant browsers. The special part is that it will also integrate with the jQuery Cycle plugin and will utilize Cycle’s wonderful transitions (as many as possible for background images).

Stay tuned for updates on 2.0.