SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Zealot
    Join Date
    Apr 2001
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy Loading 10 different jpegs

    Hi People I’m currently building a new site for myself. I was wondering if anyone has any ideas how I can visually improve the load time of the index page?

    If you take a look at <url removed> you will notice that it takes some time for the page to be displayed. That’s because it is loading 10 different jpegs to be displayed as a slide show (hit the next and previous button on the left) and you’ll see what I mean.

    Is there anyway that I could display a progress bar within the main image window while all the images load? If so how?

    Many Thanks,

    dEVS!
    Last edited by Hierophant; Oct 12, 2002 at 09:55.

  2. #2
    SitePoint Zealot
    Join Date
    Dec 2000
    Location
    Lauderdale & Philly
    Posts
    124
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can make a progress bar with flash. Just go to flashkit.com and download a preloader you like
    Bill Clients - invoice software for web designers & consultants

  3. #3
    SitePoint Zealot
    Join Date
    Apr 2001
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cheers shimmy! Yet I didn't want to use flash.

    Thanks,

    dEVS!

  4. #4
    morphine for a wooden leg randem's Avatar
    Join Date
    Jun 2002
    Location
    .chicago.il.us
    Posts
    957
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You've got some really attrocious HTML in there... it could be cleaned up six-ways-to-sunday and that would have a dramatic effect on your load time... of course I recommed wiping out all formatting tags in favor of CSS.

    As goes the image preloading and progress-bar idea, maybe you could load the full-images into some resized thumbnails... maybe 10x10 or something, all bumped up against each other so as each one loads they create a sort of progress bar on their own.
    ----Adopt-a-Sig----
    Your message here!

  5. #5
    SitePoint Zealot
    Join Date
    Apr 2001
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Arrow Cheers!

    Hi randem, thanks for letting me know about my attrocious HTML! I've removed the font tags as that's all I could understand. I think that I'll have to go with shimmy suggestion of using flash to preload the images as I feel that resizing the images to 10x10 will look c**p!

    Cheers,

    dEVS!

  6. #6
    morphine for a wooden leg randem's Avatar
    Join Date
    Jun 2002
    Location
    .chicago.il.us
    Posts
    957
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Resizing to 10x10 will effectively make the thumbnails (not the pictures) unrecognizeable. That's true. But you didn't want thumbnails, you want a progress bar, so that's not a problem.

    You'd be loading the entire image into a resized <img> tag. The important thing that this does is that it automatically preloads the images! You would not longer have to preload them in javascript.
    ----Adopt-a-Sig----
    Your message here!

  7. #7
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: Cheers!

    Afaik*, Flash cannot be used to preload 'external' content, that is content that will not be displayed within the swf.
    Therefore, you will not be able to use Flash to preload images that will appear in a typical javascript slideshow script or use it so preload images for a graphically heavy html page.
    (* I've asked before and have had this confirmed, though that was before Flash Mx).

    On the upside, DynamicDrive.com has one or two scripts that will give you the effect that you are after.

    I have adapted and used version one of the script on several pages of my own folio site including the main preloader itself.

    In its current form, the script will forward the browser to another page (typically the page that uses the images), but it can easily be adapted to perform any javascript task after the images have completed preloading and the progress bar is full.

    They can be also be easily tweaked graphically to compliment your site's design.
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature

  8. #8
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    If you want a review you need to post in the reviews forum following the guidelines there.
    Wayne Luke
    ------------



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
  •