Microsoft Windows Vista Community Forums - Vistaheads
Recommended Download



Welcome to the Microsoft Windows Vista Community Forums - Vistaheads, YOUR Largest Resource for Windows Vista related information.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so , join our community today!

If you have any problems with the registration process or your account login, please contact us.

Driver Scanner

Resizing Images

microsoft.public.internetexplorer.general






Speedup My PC
Reply
  #1 (permalink)  
Old 05-01-2009
bdaniel
 

Posts: n/a
Resizing Images
On my webpage I display 39 webcams as small thumbnails. I use the <img> width
and size to display a normal size webcam image as a small thumbnail. As the
mouse is moved over the images I display them in a larger size on my page.
After all the webcams images have been downloaded (usually less than 10
seconds) the mouseover/mouseout displays the separate images very quickly.

Except for IE8. There is something different about how it handles the <img>
resize. I found a posting on another site that says IE8 does not retain the
resized thumbnail in memory. That it has to resize the images on every mouse
move.

I tried Compatibility View and I get the same result. It worked fine in IE7
and works fine in Firefox and Safari.

The web url is http://www.bobbystuff.com

Thank you for any help or insight on how to handle this problem.
Reply With Quote
Sponsored Links
  #2 (permalink)  
Old 05-01-2009
rob^_^
 

Posts: n/a
Re: Resizing Images
Hi Daniel,

I have no problems viewing your thumbnails and previews on Vista x86 SP1,
except when I move the mouse over the Preview and then back to the thumbnail
list. You could possibly improve this by adding space between the thumbnails
so that mouseout is fired before the next thumbnail mouseover event.

First try your site in IE8 no-Addons mode...
Start>Programs>Accessories>System Tools>Internet Explorer (no-Addons)..
Addons like the imageshack toolbar may be injecting additional markup or
script in your page (to aid uploading of images to their servers).

Second your page contains some markup errors -
http://validator.w3.org/check?verbos...stuff.co m%2f

These errors may cause some IE8 users to trip the IE7 emulation mode in IE8
(Advanced option - "Automatically recover from rendering errors with
compatibility view"). But it is always a good idea to validate your markup,
and to rule out any issues with standards compliance.

Regards.

"bdaniel" <bdaniel@discussions.microsoft.com> wrote in message
news:7976A579-227A-447D-A0BA-9CEF3928A59A@microsoft.com...
> On my webpage I display 39 webcams as small thumbnails. I use the <img>
> width
> and size to display a normal size webcam image as a small thumbnail. As
> the
> mouse is moved over the images I display them in a larger size on my page.
> After all the webcams images have been downloaded (usually less than 10
> seconds) the mouseover/mouseout displays the separate images very quickly.
>
> Except for IE8. There is something different about how it handles the
> <img>
> resize. I found a posting on another site that says IE8 does not retain
> the
> resized thumbnail in memory. That it has to resize the images on every
> mouse
> move.
>
> I tried Compatibility View and I get the same result. It worked fine in
> IE7
> and works fine in Firefox and Safari.
>
> The web url is http://www.bobbystuff.com
>
> Thank you for any help or insight on how to handle this problem.


Reply With Quote
  #3 (permalink)  
Old 05-01-2009
bdaniel
 

Posts: n/a
Re: Resizing Images
Thank you. I will try your suggestions tomorrow. I do not currently have any
addons installed.

Bobby


"rob^_^" wrote:

> Hi Daniel,
>
> I have no problems viewing your thumbnails and previews on Vista x86 SP1,
> except when I move the mouse over the Preview and then back to the thumbnail
> list. You could possibly improve this by adding space between the thumbnails
> so that mouseout is fired before the next thumbnail mouseover event.
>
> First try your site in IE8 no-Addons mode...
> Start>Programs>Accessories>System Tools>Internet Explorer (no-Addons)..
> Addons like the imageshack toolbar may be injecting additional markup or
> script in your page (to aid uploading of images to their servers).
>
> Second your page contains some markup errors -
> http://validator.w3.org/check?verbos...stuff.co m%2f
>
> These errors may cause some IE8 users to trip the IE7 emulation mode in IE8
> (Advanced option - "Automatically recover from rendering errors with
> compatibility view"). But it is always a good idea to validate your markup,
> and to rule out any issues with standards compliance.
>
> Regards.
>
> "bdaniel" <bdaniel@discussions.microsoft.com> wrote in message
> news:7976A579-227A-447D-A0BA-9CEF3928A59A@microsoft.com...
> > On my webpage I display 39 webcams as small thumbnails. I use the <img>
> > width
> > and size to display a normal size webcam image as a small thumbnail. As
> > the
> > mouse is moved over the images I display them in a larger size on my page.
> > After all the webcams images have been downloaded (usually less than 10
> > seconds) the mouseover/mouseout displays the separate images very quickly.
> >
> > Except for IE8. There is something different about how it handles the
> > <img>
> > resize. I found a posting on another site that says IE8 does not retain
> > the
> > resized thumbnail in memory. That it has to resize the images on every
> > mouse
> > move.
> >
> > I tried Compatibility View and I get the same result. It worked fine in
> > IE7
> > and works fine in Firefox and Safari.
> >
> > The web url is http://www.bobbystuff.com
> >
> > Thank you for any help or insight on how to handle this problem.

>

Reply With Quote
  #4 (permalink)  
Old 05-01-2009
rob^_^
 

Posts: n/a
Re: Resizing Images
Hi,

Another look at your markup....

You are using the full sized images for your thumbnails and just using the
img tag height and width attributes to resize them all to 49x40px. On
mouseover you again use the full sized (natural sized) image as the preview.

I think all of the time to render your page is taken up in rendering the
thumbnail images from the full sized natural height/width images.

I would suggest that you use separate images for your thumbnails. Use an
image editing program to resize/crop your previews to the thumbnail size.
You can send all your thumbnails and preview images down the line in one go
by using an image array (see Macromedias Preload function), so that you
don't have to download the preview image on the thumbnail mouseover.

This should speed up your page in all browsers.

Regards.

"rob^_^" <iecustomizer@hotmail.com> wrote in message
news:2AF16FEE-8E95-440F-9D0B-4ADFE64016CD@microsoft.com...
> Hi Daniel,
>
> I have no problems viewing your thumbnails and previews on Vista x86 SP1,
> except when I move the mouse over the Preview and then back to the
> thumbnail list. You could possibly improve this by adding space between
> the thumbnails so that mouseout is fired before the next thumbnail
> mouseover event.
>
> First try your site in IE8 no-Addons mode...
> Start>Programs>Accessories>System Tools>Internet Explorer (no-Addons)..
> Addons like the imageshack toolbar may be injecting additional markup or
> script in your page (to aid uploading of images to their servers).
>
> Second your page contains some markup errors -
> http://validator.w3.org/check?verbos...stuff.co m%2f
>
> These errors may cause some IE8 users to trip the IE7 emulation mode in
> IE8 (Advanced option - "Automatically recover from rendering errors with
> compatibility view"). But it is always a good idea to validate your
> markup, and to rule out any issues with standards compliance.
>
> Regards.
>
> "bdaniel" <bdaniel@discussions.microsoft.com> wrote in message
> news:7976A579-227A-447D-A0BA-9CEF3928A59A@microsoft.com...
>> On my webpage I display 39 webcams as small thumbnails. I use the <img>
>> width
>> and size to display a normal size webcam image as a small thumbnail. As
>> the
>> mouse is moved over the images I display them in a larger size on my
>> page.
>> After all the webcams images have been downloaded (usually less than 10
>> seconds) the mouseover/mouseout displays the separate images very
>> quickly.
>>
>> Except for IE8. There is something different about how it handles the
>> <img>
>> resize. I found a posting on another site that says IE8 does not retain
>> the
>> resized thumbnail in memory. That it has to resize the images on every
>> mouse
>> move.
>>
>> I tried Compatibility View and I get the same result. It worked fine in
>> IE7
>> and works fine in Firefox and Safari.
>>
>> The web url is http://www.bobbystuff.com
>>
>> Thank you for any help or insight on how to handle this problem.

>

Reply With Quote
  #5 (permalink)  
Old 05-01-2009
bdaniel
 

Posts: n/a
Re: Resizing Images
The webcams are updated at various times and are not under my control. I have
thought about using static thumbnails for the webcams but I really don't want
to do that. I just wanted to let someone at Microsoft know that something has
happened in IE8 that has greatly degraded performance from IE7 in this
particular situation.

I am sure there will be other webmasters that will have the same problem. It
is a pretty drastic degradation.

Thanks for your continued help. My users will be upgrading to IE8 and I want
to try to find some solution.

Bobby



"rob^_^" wrote:

> Hi,
>
> Another look at your markup....
>
> You are using the full sized images for your thumbnails and just using the
> img tag height and width attributes to resize them all to 49x40px. On
> mouseover you again use the full sized (natural sized) image as the preview.
>
> I think all of the time to render your page is taken up in rendering the
> thumbnail images from the full sized natural height/width images.
>
> I would suggest that you use separate images for your thumbnails. Use an
> image editing program to resize/crop your previews to the thumbnail size.
> You can send all your thumbnails and preview images down the line in one go
> by using an image array (see Macromedias Preload function), so that you
> don't have to download the preview image on the thumbnail mouseover.
>
> This should speed up your page in all browsers.
>
> Regards.
>
> "rob^_^" <iecustomizer@hotmail.com> wrote in message
> news:2AF16FEE-8E95-440F-9D0B-4ADFE64016CD@microsoft.com...
> > Hi Daniel,
> >
> > I have no problems viewing your thumbnails and previews on Vista x86 SP1,
> > except when I move the mouse over the Preview and then back to the
> > thumbnail list. You could possibly improve this by adding space between
> > the thumbnails so that mouseout is fired before the next thumbnail
> > mouseover event.
> >
> > First try your site in IE8 no-Addons mode...
> > Start>Programs>Accessories>System Tools>Internet Explorer (no-Addons)..
> > Addons like the imageshack toolbar may be injecting additional markup or
> > script in your page (to aid uploading of images to their servers).
> >
> > Second your page contains some markup errors -
> > http://validator.w3.org/check?verbos...stuff.co m%2f
> >
> > These errors may cause some IE8 users to trip the IE7 emulation mode in
> > IE8 (Advanced option - "Automatically recover from rendering errors with
> > compatibility view"). But it is always a good idea to validate your
> > markup, and to rule out any issues with standards compliance.
> >
> > Regards.
> >
> > "bdaniel" <bdaniel@discussions.microsoft.com> wrote in message
> > news:7976A579-227A-447D-A0BA-9CEF3928A59A@microsoft.com...
> >> On my webpage I display 39 webcams as small thumbnails. I use the <img>
> >> width
> >> and size to display a normal size webcam image as a small thumbnail. As
> >> the
> >> mouse is moved over the images I display them in a larger size on my
> >> page.
> >> After all the webcams images have been downloaded (usually less than 10
> >> seconds) the mouseover/mouseout displays the separate images very
> >> quickly.
> >>
> >> Except for IE8. There is something different about how it handles the
> >> <img>
> >> resize. I found a posting on another site that says IE8 does not retain
> >> the
> >> resized thumbnail in memory. That it has to resize the images on every
> >> mouse
> >> move.
> >>
> >> I tried Compatibility View and I get the same result. It worked fine in
> >> IE7
> >> and works fine in Firefox and Safari.
> >>
> >> The web url is http://www.bobbystuff.com
> >>
> >> Thank you for any help or insight on how to handle this problem.

> >

Reply With Quote
  #6 (permalink)  
Old 05-01-2009
rob^_^
 

Posts: n/a
Re: Resizing Images
Hi Bobby,

Yes. I have seen many sites that use full sized images for thumbnails. In
Visual Studio there are server-side controls that do all of the image
resizing on the server side and only send down a naturally sized thumbnail
down the line. I would have thought that you could get away with having
static thumbnails, since most of your cam pics are of scenes of landmarks,
that would only change markedly from day to night views. You also have the
alt attribute for the thumbnails that gives a tooltip description of the cam
location. I know the adage that a picture tells the story of a thousand
words, but I would suggest that in the case of Cam images, a few words that
describe the location and maybe the local time of the cam may be more
informative than a tiny real-time preview.

IE8 is now RTW (release to web) and mainstream development is now targeting
the next release of IE and (I suppose) the Win7 platform. There probably
won't be any upgrades to IE8 as it stands now.


Regards.

"bdaniel" <bdaniel@discussions.microsoft.com> wrote in message
news:A30AFC07-8BC4-4D5B-A2D1-E9C9A9B209BB@microsoft.com...
> The webcams are updated at various times and are not under my control. I
> have
> thought about using static thumbnails for the webcams but I really don't
> want
> to do that. I just wanted to let someone at Microsoft know that something
> has
> happened in IE8 that has greatly degraded performance from IE7 in this
> particular situation.
>
> I am sure there will be other webmasters that will have the same problem.
> It
> is a pretty drastic degradation.
>
> Thanks for your continued help. My users will be upgrading to IE8 and I
> want
> to try to find some solution.
>
> Bobby
>
>
>
> "rob^_^" wrote:
>
>> Hi,
>>
>> Another look at your markup....
>>
>> You are using the full sized images for your thumbnails and just using
>> the
>> img tag height and width attributes to resize them all to 49x40px. On
>> mouseover you again use the full sized (natural sized) image as the
>> preview.
>>
>> I think all of the time to render your page is taken up in rendering the
>> thumbnail images from the full sized natural height/width images.
>>
>> I would suggest that you use separate images for your thumbnails. Use an
>> image editing program to resize/crop your previews to the thumbnail size.
>> You can send all your thumbnails and preview images down the line in one
>> go
>> by using an image array (see Macromedias Preload function), so that you
>> don't have to download the preview image on the thumbnail mouseover.
>>
>> This should speed up your page in all browsers.
>>
>> Regards.
>>
>> "rob^_^" <iecustomizer@hotmail.com> wrote in message
>> news:2AF16FEE-8E95-440F-9D0B-4ADFE64016CD@microsoft.com...
>> > Hi Daniel,
>> >
>> > I have no problems viewing your thumbnails and previews on Vista x86
>> > SP1,
>> > except when I move the mouse over the Preview and then back to the
>> > thumbnail list. You could possibly improve this by adding space between
>> > the thumbnails so that mouseout is fired before the next thumbnail
>> > mouseover event.
>> >
>> > First try your site in IE8 no-Addons mode...
>> > Start>Programs>Accessories>System Tools>Internet Explorer (no-Addons)..
>> > Addons like the imageshack toolbar may be injecting additional markup
>> > or
>> > script in your page (to aid uploading of images to their servers).
>> >
>> > Second your page contains some markup errors -
>> > http://validator.w3.org/check?verbos...stuff.co m%2f
>> >
>> > These errors may cause some IE8 users to trip the IE7 emulation mode in
>> > IE8 (Advanced option - "Automatically recover from rendering errors
>> > with
>> > compatibility view"). But it is always a good idea to validate your
>> > markup, and to rule out any issues with standards compliance.
>> >
>> > Regards.
>> >
>> > "bdaniel" <bdaniel@discussions.microsoft.com> wrote in message
>> > news:7976A579-227A-447D-A0BA-9CEF3928A59A@microsoft.com...
>> >> On my webpage I display 39 webcams as small thumbnails. I use the
>> >> <img>
>> >> width
>> >> and size to display a normal size webcam image as a small thumbnail.
>> >> As
>> >> the
>> >> mouse is moved over the images I display them in a larger size on my
>> >> page.
>> >> After all the webcams images have been downloaded (usually less than
>> >> 10
>> >> seconds) the mouseover/mouseout displays the separate images very
>> >> quickly.
>> >>
>> >> Except for IE8. There is something different about how it handles the
>> >> <img>
>> >> resize. I found a posting on another site that says IE8 does not
>> >> retain
>> >> the
>> >> resized thumbnail in memory. That it has to resize the images on every
>> >> mouse
>> >> move.
>> >>
>> >> I tried Compatibility View and I get the same result. It worked fine
>> >> in
>> >> IE7
>> >> and works fine in Firefox and Safari.
>> >>
>> >> The web url is http://www.bobbystuff.com
>> >>
>> >> Thank you for any help or insight on how to handle this problem.
>> >

Reply With Quote
  #7 (permalink)  
Old 05-01-2009
bdaniel
 

Posts: n/a
Re: Resizing Images
Hi,

I understand all that. I am not using Visual Studio.
My question is do you have any idea why IE8 handles this situation so slowly
compared to IE7? I am not breaking any web standards by doing this. Like I
said IE7 handles it fine. This is a case where performance definitely went
down with IE8.

Is there someplace else I can ask this question? It is just a little
frustrating having to change my site for no reason other than IE8 is slower
than IE7.

Thanks for the suggestions.

Bobby

"rob^_^" wrote:

> Hi Bobby,
>
> Yes. I have seen many sites that use full sized images for thumbnails. In
> Visual Studio there are server-side controls that do all of the image
> resizing on the server side and only send down a naturally sized thumbnail
> down the line. I would have thought that you could get away with having
> static thumbnails, since most of your cam pics are of scenes of landmarks,
> that would only change markedly from day to night views. You also have the
> alt attribute for the thumbnails that gives a tooltip description of the cam
> location. I know the adage that a picture tells the story of a thousand
> words, but I would suggest that in the case of Cam images, a few words that
> describe the location and maybe the local time of the cam may be more
> informative than a tiny real-time preview.
>
> IE8 is now RTW (release to web) and mainstream development is now targeting
> the next release of IE and (I suppose) the Win7 platform. There probably
> won't be any upgrades to IE8 as it stands now.
>
>
> Regards.
>
> "bdaniel" <bdaniel@discussions.microsoft.com> wrote in message
>

Reply With Quote
  #8 (permalink)  
Old 05-01-2009
rob^_^
 

Posts: n/a
Re: Resizing Images
Hi Bobby,

You could try the MSDN IE Web Development Forum

http://social.msdn.microsoft.com/for...pment/threads/

We are volunteers and enthusiasts here. MSFT moderate the newsgroup but
rarely answer questions directly.

No, you aren't breaking any standards, but resizing images on the client has
its overheads. I think DirectX or the IE8 Adaptive Zoom plays a role.
As I said, using natural image sizes for the thumbnails will be faster on
all browsers.

Regards.

"bdaniel" <bdaniel@discussions.microsoft.com> wrote in message
news:F6BC7E6A-A5AB-4526-957F-DEEDE695E267@microsoft.com...
> Hi,
>
> I understand all that. I am not using Visual Studio.
> My question is do you have any idea why IE8 handles this situation so
> slowly
> compared to IE7? I am not breaking any web standards by doing this. Like I
> said IE7 handles it fine. This is a case where performance definitely went
> down with IE8.
>
> Is there someplace else I can ask this question? It is just a little
> frustrating having to change my site for no reason other than IE8 is
> slower
> than IE7.
>
> Thanks for the suggestions.
>
> Bobby
>
> "rob^_^" wrote:
>
>> Hi Bobby,
>>
>> Yes. I have seen many sites that use full sized images for thumbnails. In
>> Visual Studio there are server-side controls that do all of the image
>> resizing on the server side and only send down a naturally sized
>> thumbnail
>> down the line. I would have thought that you could get away with having
>> static thumbnails, since most of your cam pics are of scenes of
>> landmarks,
>> that would only change markedly from day to night views. You also have
>> the
>> alt attribute for the thumbnails that gives a tooltip description of the
>> cam
>> location. I know the adage that a picture tells the story of a thousand
>> words, but I would suggest that in the case of Cam images, a few words
>> that
>> describe the location and maybe the local time of the cam may be more
>> informative than a tiny real-time preview.
>>
>> IE8 is now RTW (release to web) and mainstream development is now
>> targeting
>> the next release of IE and (I suppose) the Win7 platform. There probably
>> won't be any upgrades to IE8 as it stands now.
>>
>>
>> Regards.
>>
>> "bdaniel" <bdaniel@discussions.microsoft.com> wrote in message
>>

Reply With Quote
  #9 (permalink)  
Old 05-01-2009
bdaniel
 

Posts: n/a
Re: Resizing Images
Hi,

Thanks for the link.

My point is that my site works instantly on all other browsers and versions
except IE8. Something was changed drastically in IE8 to degrade performance.

Thanks again,
Bobby


"rob^_^" wrote:

> Hi Bobby,
>
> You could try the MSDN IE Web Development Forum
>
> http://social.msdn.microsoft.com/for...pment/threads/
>
> We are volunteers and enthusiasts here. MSFT moderate the newsgroup but
> rarely answer questions directly.
>
> No, you aren't breaking any standards, but resizing images on the client has
> its overheads. I think DirectX or the IE8 Adaptive Zoom plays a role.
> As I said, using natural image sizes for the thumbnails will be faster on
> all browsers.
>
> Regards.
>
>

Reply With Quote
Reply


Thread Tools
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

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

Similar Threads
Thread Thread Starter Forum Replies Last Post
RESIZING DONNA microsoft.public.windowsupdate 2 03-17-2008 23:14
Resizing Partitions Richard microsoft.public.windows.vista.general 6 09-27-2007 06:27
Resizing pictures Gary in Bishop microsoft.public.windows.vista.music pictures video 5 07-05-2007 20:54
Icons resizing RiverDog microsoft.public.windows.vista.general 7 06-19-2007 23:58
Resizing Gagdets Rick Rogers microsoft.public.windows.vista.general 10 03-01-2007 15:57




All times are GMT +1. The time now is 07:33.




Driver Scanner - Free Scan Now

Vistaheads.com is part of the Heads Network. See also XPHeads.com , Win7Heads.com and Win8Heads.com.


Design by Vjacheslav Trushkin for phpBBStyles.com.
Powered by vBulletin® Version 3.6.7
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.6.0 RC 2

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120