Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > CSS > CSS Cascading Style Sheets
Password Reminder
Register
| FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old February 13th, 2007, 01:48 PM
Friend of Wrox
 
Join Date: Mar 2006
Location: , , Portugal.
Posts: 310
Thanks: 0
Thanked 0 Times in 0 Posts
Default background images

Hello

when i define a background image for my divs, the users that will see the page will download this bakground images files everytime they will see the page.

This generate an ammount of data transfer and make the page
slower.

It's possible to save this background images in cache file?

I'm running a asp.net application, but if that can be done by javascript please help me

Thanks

Reply With Quote
  #2 (permalink)  
Old February 13th, 2007, 02:31 PM
Friend of Wrox
 
Join Date: Aug 2003
Location: Warks, Warks, United Kingdom.
Posts: 137
Thanks: 0
Thanked 0 Times in 0 Posts
Default


I'd use JavaScript to preload the images by creating a function which you call using onload function in the body tag

Gaz
Reply With Quote
  #3 (permalink)  
Old February 13th, 2007, 02:34 PM
Friend of Wrox
Points: 1,315, Level: 14
Points: 1,315, Level: 14 Points: 1,315, Level: 14 Points: 1,315, Level: 14
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2003
Location: , , .
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts
Default

How would that help with a background image? Preloading only works for things like rollovers. It doesn't make a background or a normal inline image load faster.

Maxxim, why isn't the background cached? Images usually are.

--
http://yupapa.com
Reply With Quote
  #4 (permalink)  
Old February 13th, 2007, 03:20 PM
Friend of Wrox
 
Join Date: Aug 2003
Location: Warks, Warks, United Kingdom.
Posts: 137
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Sorry maybe I misunderstood the question. However, a JavaScript function could be used to preload ANY image and others for current or other site wide pages!

For example:

Code:
function preLoad_Images() {


            pic1 = new Image();
            pic1.src = "YOURIMAGE.jpg"; // Whatever image gets loaded into cache
}

<body onload="preLoad_Images();">
...
...
Gaz
Reply With Quote
  #5 (permalink)  
Old February 13th, 2007, 03:28 PM
Friend of Wrox
Points: 1,315, Level: 14
Points: 1,315, Level: 14 Points: 1,315, Level: 14 Points: 1,315, Level: 14
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2003
Location: , , .
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts
Default

'onload' fires when the page has loaded. So how can it preload images for the current page?
It's only useful for images that appear as a result of user action AFTER the page has loaded, i.e. rollovers. Preloading images for other pages, sure, that'll work.

--
http://yupapa.com
Reply With Quote
  #6 (permalink)  
Old February 13th, 2007, 03:35 PM
richard.york's Avatar
Wrox Author
Points: 5,506, Level: 31
Points: 5,506, Level: 31 Points: 5,506, Level: 31 Points: 5,506, Level: 31
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2003
Location: Camby, IN, USA.
Posts: 1,706
Thanks: 0
Thanked 6 Times in 6 Posts
Default

Whether or not images are cached should be a server setting. I'm not sure what the settings would be in IIS, but I know these settings exist in Apache.

The user's browser also has cache settings.

The following page isn't loading for me right now, but the settings I'm talking about can be found on this page:

http://dean.edwards.name/my/flicker.html

These settings are used here to fix a bug in IE6 called the flicker bug. It forces images to be cached for 30 days in IE. I think he presents settings for Apache, but I think there is also a link to IIS settings from there as well. If the page isn't loading for you, just try back later, as his server is likely temporarily down.

Beyond tweaking server settings, you can also send specific HTTP headers to control caching, but that would require a more sophisticated server-side script to handle your images, so that HTTP headers could be set with image requests.

HTH!

Regards,
Rich

--
Author,
Beginning CSS: Cascading Style Sheets For Web Design
CSS Instant Results

http://www.catb.org/~esr/faqs/smart-questions.html
Reply With Quote
  #7 (permalink)  
Old February 13th, 2007, 06:51 PM
Friend of Wrox
 
Join Date: Mar 2006
Location: , , Portugal.
Posts: 310
Thanks: 0
Thanked 0 Times in 0 Posts
Default

when i google my problem i had seen some pages with this IE bug. But i think my problem is simple.

meow: I really don't know why background images don't save in cache. If i make a page with this:
Code:
<div style="background-image=image1.jpg;">blabla</div>
<div><img src="image2.jpg" /></div>
Image1 is saved on cache, but not image2!
I don't know why...

If i use javascript function that socoolbrewster gave, I download this image everytime I have a page load or just first time?

If i download everytime I'll have the same problem with transfer data from my hoster right?

Thanks to all

Reply With Quote
  #8 (permalink)  
Old February 14th, 2007, 10:09 AM
Friend of Wrox
 
Join Date: Aug 2003
Location: Warks, Warks, United Kingdom.
Posts: 137
Thanks: 0
Thanked 0 Times in 0 Posts
Default

The JavaScript function I showed you is meant to cach an image, but this does depend on your browser settings

Gaz
Reply With Quote
  #9 (permalink)  
Old February 14th, 2007, 10:11 AM
Friend of Wrox
 
Join Date: Aug 2003
Location: Warks, Warks, United Kingdom.
Posts: 137
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Hi

I realise prob a typing error, but I presume you realise above should be written

<div style="background-image:image1.jpg;">blabla</div>


Gaz
Reply With Quote
  #10 (permalink)  
Old February 14th, 2007, 10:13 AM
Friend of Wrox
 
Join Date: Aug 2003
Location: Warks, Warks, United Kingdom.
Posts: 137
Thanks: 0
Thanked 0 Times in 0 Posts
Default

LOL I meant

<div style="background-image: url(image1.jpg);">blabla</div>


Gaz
Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
No Background Images in ReportViewer wb8bgy Visual Basic 2005 Basics 1 March 28th, 2007 03:08 PM
how to creat a treeview with background images tjgrindsted ASP.NET 2.0 Basics 0 January 10th, 2007 04:31 PM
'Print Background colors and images' crmpicco Javascript How-To 0 January 14th, 2005 10:19 AM
XML background images timsweet XML 0 September 30th, 2004 06:01 PM
background images Larson HTML Code Clinic 2 February 15th, 2004 06:22 PM



All times are GMT -4. The time now is 04:00 AM.


Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.