Support » Plugin: WP Photo Album Plus » Replace loading gifs with css or svg based loading animations

  • Resolved TheCom3di4n

    (@thecom3di4n)


    Hey,

    first of all, thank you for the plugin.

    Now to my recommendation/request/wish/suggestion:

    The loading-gif, particularly the one for loading new views, has a bad quality, and is bad for dark themes, because the dot’s are black.

    If the gifs would be replaced with svg or css based loading animations, the colors and sizes could be make customizable through settings and the quality would be very good.

    I used this page to create the animations: http://loading.io/

    I’ve been already tested it and it worked good so far.

    Greetz
    TheCom3di4n

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Perfect idea. Is in the factory. Preview:
    https://wppa.nl/my-album/
    The colors are supposed to be equal to the navigation symbols. Background color preferrably ‘transparent’ See Table II-B14 and 15

    Thread Starter TheCom3di4n

    (@thecom3di4n)

    Nice to hear! I’ll mark this as resolved!

    P.S.: It would be cool if the corners of the background could optionally be rounded. Furthermore, IMHO the background should be rgba, as the loading animation is just a popup/overlay, so a little bit transparency would look good on it!

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    The rounding of the corners will be according to the corner roundings of the navigation symbols as set in Table II-J11: Navigation symbols style:
    none = 0
    light = 10%
    medium = 20%
    heavy = 50%

    You can enter colors in Table III
    Examples of valid input (this will literally be placed in the html tag attribute style=”background-color:xxx;” ):

    green
    transparent
    #FF0077
    rgba(255,0,127,0.2)

    So, it is entirely configurable, even background transparency.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Replace loading gifs with css or svg based loading animations’ is closed to new replies.