Nivo Slider: First image is scaled unproportional when displayed the first time

jquery html nivo-slider
Hinek picture Hinek · Feb 14, 2013 · Viewed 9k times · Source

I'm using the Nivo Slider jQuery Plugin in a div that has a smaller size then the images I'm displaying. When the Slider slides to the second image an on the images are scaled down correctly.

But when the first image is displayed for the first time (directly after loading the page), it is scaled only in width, but not in height. How can I change that?

Example: Let's say, all my images have a size of 1024*768 pixels. The div has a width of 400px. And I have 3 images in the slider.

  • directly after loading image 1 is displayed with 400*768 pixels (wrong)
  • then it slides to image 2 in 400*300 pixels
  • then to image 3 in 400*300 pixels
  • then to image 1 in 400*300 pixels (right)
  • ...

image 1 wrong image 2 right

EDIT: I just noticed, this only happens in IE, in Firefox there is no such error.

Answer

Cyndeed picture Cyndeed · Feb 25, 2013

I had the same problem too - I added height: auto !important; to .nivo-main-image.

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
Get the value in an input text box

What are the ways to get and render an input value using jQuery? Here is one:

Read More
How can I know which radio button is selected via jQuery?

I have two radio buttons and want to post the value of the selected one. How can I get the value with jQuery? I can get all of them like this: $("form :radio") How do I know which one is …

Read More