1. #1
    Sencha User charris's Avatar
    Join Date
    Sep 2010
    Location
    Brooklyn, NY
    Posts
    106
    Vote Rating
    13
    charris will become famous soon enough

      1  

    Default "Loading" spinner (animated GIF) with transparency for dark backgrounds

    "Loading" spinner (animated GIF) with transparency for dark backgrounds


    Sencha comes with at least two animated "spinner" gifs: loading.gif and large-loading.gif. The first (loading.gif) does not have a transparent background and the second only looks good on a light-colored canvas (e.g., a white or grey background).

    I needed a transparent spinner animation that worked on a dark backgrounds, so I modified loading.gif and thought I'd share the results here in case it's useful to anyone else.

    Again, the edges will look slightly rough if you view it on a white background, but with dark backgrouds it looks great. (It's also about half the file size of the other spinners.)
    Attached Images

  2. #2
    Ext User xnakxx's Avatar
    Join Date
    Sep 2010
    Location
    Central Valley Ca
    Posts
    84
    Vote Rating
    0
    xnakxx is on a distinguished road

      0  

    Default


    nice

  3. #3
    Sencha User
    Join Date
    Feb 2011
    Posts
    1
    Vote Rating
    0
    xnightrex is on a distinguished road

      0  

    Default


    thanks a lot!
    working very nice with dark backgrounds!

  4. #4
    Sencha User
    Join Date
    Apr 2011
    Posts
    1
    Vote Rating
    0
    ericburnley is on a distinguished road

      0  

    Default


    Excellent, exactly what I was looking for.

  5. #5
    Sencha User
    Join Date
    Nov 2010
    Posts
    387
    Vote Rating
    4
    gkatz is on a distinguished road

      0  

    Default


    use Ext.LoadingSpinner ...

  6. #6
    Sencha User
    Join Date
    Aug 2011
    Posts
    1
    Vote Rating
    0
    nathan.f77 is on a distinguished road

      0  

    Default Thanks a lot!

    Thanks a lot!


    This is pretty much the only result on google for 'spinner gif for dark background'.
    Thanks heaps!

  7. #7
    Sencha User
    Join Date
    Jul 2011
    Location
    Ohio
    Posts
    13
    Vote Rating
    0
    MaximusW is on a distinguished road

      0  

    Default


    An alternative solution: spin.js - http://fgnass.github.com/spin.js/

  8. #8
    Ext JS Premium Member
    Join Date
    Apr 2010
    Location
    Omaha, NE
    Posts
    555
    Vote Rating
    24
    estesbubba will become famous soon enough estesbubba will become famous soon enough

      0  

    Default


    You can customize the colors, etc. with this:

    http://www.ajaxload.info/

Similar Threads

  1. "MetaGrid":StoreException loading "ux-checkcolumn"
    By mabra in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 6 Apr 2010, 1:14 PM
  2. SpinnerField Problem : "Ext.ux.Spinner is not a constructor"
    By talha06 in forum Ext 3.x: Help & Discussion
    Replies: 11
    Last Post: 5 Mar 2010, 6:59 AM
  3. Replies: 18
    Last Post: 5 Jul 2009, 10:02 AM
  4. Replies: 1
    Last Post: 29 Nov 2007, 11:26 AM

Thread Participants: 7

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi