Image rotation and dimensions

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • John
    #1

    Image rotation and dimensions

    I am rotating images of different dimensions. My problem is that when
    a new image is displayed in a new position which had an image of a
    different dimension, the old image is first stretched to the dimension
    of the new image, before the new image is loaded. How can I stop this
    stretching behavior? See the banner images on the right at
    http://finialworld.com



    thank you
    John
    Tags: None
    • Grant Wagner
      #2
      Re: Image rotation and dimensions

      John wrote:
      [color=blue]
      > I am rotating images of different dimensions. My problem is that when
      > a new image is displayed in a new position which had an image of a
      > different dimension, the old image is first stretched to the dimension
      > of the new image, before the new image is loaded. How can I stop this
      > stretching behavior? See the banner images on the right at
      > http://finialworld.com
      >
      > thank you
      > John[/color]

      You probably can't elminate it, and I'd suggest the behaviour you're
      seeing is probably specific to the user agent (Web browser) you're viewing
      it in. Other user agents may exhibit other behaviour (such as "snapping"
      the new image and dimensions into place without first distorting the
      existing image).

      I took a look at the site, and it worked fine for me (I did not see the
      behavior you describe) in Internet Explorer. Perhaps it's happening due to
      the slowness of dial-up connections. You initiate the code to swap the
      image, the image begins to download from the server, the browser reads the
      dimensions and changes those before completing the image load.

      If that is the case, pre-caching the images in <head></head> will help a
      bit, because the images will be loaded before they are needed and should
      swap much more quickly the first time.

      By the way, your site generates 24 Javascript errors in Firefox, and the
      image swap only works once and "View Products By Catalog" doesn't show
      anything at all. Netscape 4 shows "Add To Favorites" and "Feedback" and
      nothing else on the home page.

      You should really consider offering support for browsers other then
      Internet Explorer, unless you enjoy insulting your customers by insisting
      they use the browser you've picked for them and don't mind losing the
      money you could have made selling products to them.

      --
      | Grant Wagner <gwagner@agrico reunited.com>

      * Client-side Javascript and Netscape 4 DOM Reference available at:
      *
      http://devedge.netscape.com/library/manuals/2000/javascript/1.3/reference/frames.html


      * Internet Explorer DOM Reference available at:
      *
      Microsoft Learn: Build skills that open doors in your career
      http://msdn.microsoft.com/workshop/author/dhtml/reference/dhtml_reference_entry.asp
      Learn with interactive lessons and technical documentation, earn professional development hours and certifications, and connect with the community.


      * Netscape 6/7 DOM Reference available at:
      * http://www.mozilla.org/docs/dom/domref/
      * Tips for upgrading JavaScript for Netscape 7 / Mozilla
      * http://www.mozilla.org/docs/web-deve...upgrade_2.html


        Comment

        Previous template Next
        Working...