Comments on: Quick Tip – Resizing Images Based On Browser Window Size

By: Nancy

Nancy — Mon, 23 Jan 2012 01:45:11 +0000

Obviously you are brilliant but especially n regards to supersized. My problem is. I do not know the first thing about where to put the plugin or how to use it and effectively rewrite the code with my image. I only have a page that has 1 background image and no other content. It is a poster that I want to display.Where do I start?

By: 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) « Swadesh's Technology Blog

Sun, 18 Dec 2011 17:12:41 +0000

[...] Quick Tip – Resizing Images Based On Browser Window Size In fluid layouts, formatting text to adjust smoothly to window size is easy, but images are not as fluid-friendly. This quick tip shows how to switch between two image sizes based on the size of the browser, the DIV or whatever else you choose. [...]

By: 50 Useful New jQuery Techniques and Tutorials : Vn Sharing

50 Useful New jQuery Techniques and Tutorials : Vn Sharing — Wed, 14 Dec 2011 10:19:23 +0000

[...] Quick Tip: Resizing Images Based On Browser Window Size In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor. For those looking for a real life example, Last.fm uses this technique on their artist pages. [...]

By: 50 Useful New jQuery Techniques and Tutorials | Vn Sharing

50 Useful New jQuery Techniques and Tutorials | Vn Sharing — Thu, 24 Nov 2011 03:41:09 +0000

By: buy fax numbers

buy fax numbers — Mon, 21 Nov 2011 14:43:50 +0000

Excellent advice! Thanks for sharing !

By: SEO optimizacija

SEO optimizacija — Mon, 03 Oct 2011 21:23:49 +0000

Great tutorial for resizing images based on browser window size, i am trying it now

By: Lance

Lance — Mon, 26 Sep 2011 06:45:31 +0000

Hi Sam,

Could you be more specific on swapping the code so that one can have a continuous resizing image when resizing the browser?

Firefox default homepage now does this… and the image quality on rescale is good: about:home

Could you possibly post an adjustment to your code?

thanks Lance

By: 50 Kỹ Thuật và Bài Học về jQuery – iTViet.Vn – Thông Tin Công Nghệ

50 Kỹ Thuật và Bài Học về jQuery – iTViet.Vn – Thông Tin Công Nghệ — Sat, 24 Sep 2011 05:48:56 +0000

[...] Quick Tip: Resizing Images Based On Browser Window Size Trong các fluid layouts dễ dàng định dạng text khi window được thay đổi kích cỡ, nhưng những hình ảnh lại không fluid-friendly. Mẹo này chỉ cho bạn cách làm thế nào để hoán đổi giữa hai kích cỡ hình ảnh dựa trên kích thước hiện tại của trình duyệt, div,… Để được nhìn thấy ví dụ thật sự sống động, Last.fm sử dụng kỹ thuật này trên các trang dành cho các nghệ sĩ của họ. [...]

By: Postbit

Postbit — Thu, 22 Sep 2011 15:49:59 +0000

Thanks for the fluid layout code. I am already using it in the homepage of my website (www.postbit.com) to fit columns and images according to browser width (screen size) and dynamically create more or less columns on browser window resize.
The difference from your code is that I get the full window size (width) with this command:
var page_width = document.body.clientWidth;

– Rodrigo Siqueira (Postbit Webmaster)

By: Miroslav

Miroslav — Sat, 17 Sep 2011 21:53:36 +0000

Thanks! The very cool!