Not signed in (Sign In)

A podcast and forum for those who design, develop and run websites.

Boagworld is not just a web design podcast, it is also a thriving online community. Whether you build, design or run websites there are always people here to help. Whatever your question there is sure to be somebody with the answer.

Welcome, Guest

Want to take part in these discussions? Sign in if you have an account, or apply for one below

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

Have your say

Become apart of the Boagworld community...

Talking tech preload images

Bottom of Page

1 to 7 of 7

  1.  
    • CommentAuthoricemancast
    • CommentTimeJun 15th 2007
     permalink
    http://www.netmechanic.com/news/vol6/css_no18.htm

    is this the ideal way to preload images... for like a:hover button

    thanks in advance
    •  
      CommentAuthorDamo
    • CommentTimeJun 15th 2007
     permalink
    I would say its one of the best ways, as with JS if its turned off, no-preloading. however if CSS is turned well... they wont be viewing the images anyway :P
    •  
      CommentAuthoriG.STUDiO
    • CommentTimeJun 15th 2007
     permalink
    using display:none may produce different results in defferent browsers, some will NOT load the images with display property set to "none". When I preload images using CSS, I put them in a absolutely positioned div off the viewport (position:absolute;width:1px;height:1px;overflow:hidden;top:-10px;left:-10px;) - that is more effective.
    • CommentAuthoricemancast
    • CommentTimeJun 15th 2007
     permalink
    thanks this helps...
    • CommentAuthoricemancast
    • CommentTimeJun 16th 2007
     permalink
    what exactly does overflow:hidden; do i have not used that before...
    •  
      CommentAuthorrichquick
    • CommentTimeJun 17th 2007
     permalink
    overflow:hidden hides any part of elements inside another element (eg. div) that go outside the specified area.

    Eg. If you've got a div that's 100px x 100px and you set overflow:hidden then an image inside the div that was 200px x 200px would only shop the top left hand corner - the rest would be hidden.
    • CommentAuthoricemancast
    • CommentTimeJul 11th 2007
     permalink
    ah... like cropping it's there but it isn't... i get it. thanks rich

1 to 7 of 7

  1.