Vanwege onderhoudswerkzaamheden die uw ervaring zouden moeten verbeteren, heeft deze website beperkte functionaliteit. Als een artikel uw probleem niet verhelpt en u een vraag wilt stellen, kan onze ondersteuningsgemeenschap u helpen in @FirefoxSupport op Twitter en /r/firefox op Reddit.

Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

Image displays before resizing.

  • 2 antwoorden
  • 1 heeft dit probleem
  • 2 weergaven
  • Laatste antwoord van defdaz

defdaz
defdaz
more options

Hi there,

When viewing responsive-designed websites I am seeing the image being shown momentarily at full size before scaling down to the size needed. Example:

https://www.storedj.com.au/products/CHA-NIMBUS

The main image is shown at full size and then adjusts down to fit the intended area.

This does not happen on Chrome or IE.

Is this a bug with firefox and is there a work-around? Since the image is auto-resized I cannot specify dimensions.

Hi there, When viewing responsive-designed websites I am seeing the image being shown momentarily at full size before scaling down to the size needed. Example: https://www.storedj.com.au/products/CHA-NIMBUS The main image is shown at full size and then adjusts down to fit the intended area. This does not happen on Chrome or IE. Is this a bug with firefox and is there a work-around? Since the image is auto-resized I cannot specify dimensions.

Alle antwoorden (2)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

This could happen if the width is indeterminate at the time the image is rendered (when the script inserts <div class="pika-stage">), in which case the image naturally would render at 100% until a subsequent step in the script, or maybe it's a slow application of CSS.

Could you try moving your CSS includes (esp. main.css) up before your pika script to see whether that makes any difference?

defdaz
defdaz Vraageigenaar
more options

jscher2000 said

This could happen if the width is indeterminate at the time the image is rendered (when the script inserts <div class="pika-stage">), in which case the image naturally would render at 100% until a subsequent step in the script, or maybe it's a slow application of CSS. Could you try moving your CSS includes (esp. main.css) up before your pika script to see whether that makes any difference?

That's a great idea thank you - I'll try it and let you know the outcome.