Background gallery 'Buffering' graphic

's Avatar

paulsamuelwhite

23 Sep, 2014 01:03 PM

Hi Berta,

In the background gallery, is there a way to have a different 'buffering' graphic between images other than the cycling dots?

Thanks,

Paul

  1. Support Staff 1 Posted by Uldis on 23 Sep, 2014 01:17 PM

    Uldis's Avatar

    Hello, Paul,
    yes, it's possible.
    under "template design - custom CSS" add this CSS definition:

    div.xGalleryContainer .loader {
    background: url('http://ajaxload.info/cache/FF/FF/FF/00/00/00/39-0.gif') no-repeat center center;
    width: 24px;
    height: 24px;
    }
    

    you can change the image you wish.

    Good luck

  2. Uldis closed this discussion on 23 Sep, 2014 01:17 PM.

  3. Paul White re-opened this discussion on 23 Sep, 2014 05:23 PM

  4. 2 Posted by Paul White on 23 Sep, 2014 05:23 PM

    Paul White's Avatar

    Hi Uldis,

    I tried your advice but with no result. I used ajaxload to generate a loading gif, then saved this gif, uploaded it to image host site, and pasted the image url in place of the previous image. I pasted the code in the CSS box, no other code is in there. Do you know what I've done wrong?

    Also, is there a way to change the 'menu' image in responsive?

    thanks,

    Paul

  5. Support Staff 3 Posted by Uldis on 24 Sep, 2014 07:58 AM

    Uldis's Avatar

    I can see, that it's working for slideshow gallery type, see attached screenshot. Maybe you mean a full screen gallery loading image? In this case use this custom CSS code:

    .mbLoading{ 
    background: rgba(255,255,255,0.8) url('http://example.com/sample.gif') no-repeat center; 
    }
    

    Keep in touch

  6. Uldis closed this discussion on 24 Sep, 2014 07:58 AM.

  7. Uldis re-opened this discussion on 24 Sep, 2014 08:03 AM

  8. Support Staff 4 Posted by Uldis on 24 Sep, 2014 08:03 AM

    Uldis's Avatar

    Here is the sample code for custom responsive menu toggle button:

    #menuToggle {
    background: url('http://s28.postimg.org/4c0z2h9uh/34_1.gif') no-repeat center center;
    border: none;
    }
    #menuToggle span, #menuToggle span:before, #menuToggle span:after {
    display: none;
    }
    

    you can customise this code as you wish

    Have a nice day

  9. Uldis closed this discussion on 24 Sep, 2014 08:03 AM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac