SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2005
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jquery script to resize background image

    I have a design that uses an image as the background. I'm looking for suggestions on a jquery script that will resize the image depending on the screen resolution and monitor that user is on.

  2. #2
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,197
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    Here is a link to one that i have personally used which works great in all browsers including IE 6, its called jQuery bgStrecther and essentially it makes use of <img> element to re-size a specified background of your choice. I will warn you though that in older browsers it can get a little slow the bigger the screen gets but more modern browsers handle it like a knife through butter.

    bgStretcher jQuery Plugin Allows to Add Background Image to Page and Proportionally Resize it to Fill Entire Window Area. ajaxBlender.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •