Używam pięknego licznika jQuery, możesz go obejrzeć tutaj - https://github.com/sophilabs/ jquery-counter, ale mam z tym problem.

Gdy strona zawiera dużo treści (obrazy, inne), w Firefoksie najpierw pokazuje:

A po tym pokazuje:

Numer jest taki sam, ale mam na myśli najpierw pokazanie tekstu, a następnie pokazanie obrazu.

Tylko dodatkowy css to:

.counter_class 
{
  float: right;
  padding: 20px;
}

I HTML:

 <div class="counter_class">
  <span class="counter" data-direction="up" data-interval="1"
         data-format="999999" ><%= @counter %></span>
 </div>

Czy ktoś może zasugerować, jak mogę to naprawić bez szkody dla wydajności?

0
MID 25 wrzesień 2012, 11:21

2 odpowiedzi

Najlepsza odpowiedź

Wygląda na to, że Twoja treść jest zastępowana w locie, jeśli nie chcesz, możesz ukryć swój div w css i pokazać go w jQuery na gotowym dokumencie.

Najpierw wypróbuj coś takiego jak .counter_class { display: none; }, a następnie po wywołaniu przez jquery licznika $('.counter_class').show(); lub spróbuj jakoś przyspieszyć swoją stronę.

1
Fry_95 25 wrzesień 2012, 11:40

Masz kilka opcji:

  • Umieść plik CSS na górze sekcji head.
  • Wstępnie załaduj obrazy przed wyświetleniem strony.
  • Pokaż domyślny obraz, który zostanie zastąpiony po załadowaniu obrazu

Powodzenia!

1
Rob Angelier 25 wrzesień 2012, 11:52