We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

How to make the preloader visible

Home Forums Programming How to make the preloader visible

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #34270
    Avataralbertgavalda
    Licensee

    I’ve been trying to load the preloader using the index.html file but I don’t manage to do it, any tutorial or tip of where do i have to place the code of the preloader? the tutorial in the soft8soft channel uses the “yourProjectName.html” and thats not useful then for adding other buttons. Please need some guidance, I’m quite lost here.

    Thank you

    #34275
    Yuri KovelenovYuri Kovelenov
    Developer

    Hi,

    if you’re using two .html files as we recommend in our tutorials, then the HTML/CSS code for the new preloader must go to index.html. I recall from the other topic that you managed to make it work. :unsure:

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

    #34286
    Avataralbertgavalda
    Licensee

    Hi Yuri, it didn’t, i checked the links you sent me but could not manage to make it work. basically I’m copying the whole preloader div block from the exported code and trying to post it in index.html. In the “MyProjectName.html” I paste it just after the full-screen button div and it works perfectly, but in the index.html, i don’t find the correct place to paste it to make it work.

    this is the index.html i have:

    and this is the preloader segment of the index.html exported from the preloader custom designed.

    Please help me find the place to where I have to paste it or what do i have to do. I beg you xd

    Thank you

    #34307
    Yuri KovelenovYuri Kovelenov
    Developer

    Hi,

    The easiest way to implement a new preloader is to adjust the CSS properties of the old preloader.

    https://www.soft8soft.com/docs/manual/en/introduction/Styling-Verge3D-Apps.html#preloader

    A more advanced way is to add a non-transparent div to index.html, so that it covers the default preloader completely.

    Then you can display percentage in this div using this puzzle:
    https://www.soft8soft.com/docs/manual/en/puzzles/Initialization.html#setup_preloader

    Finally, you can implement a loading progress bar by increasing the length of a div element according to the provided percentage. See the example by the link above.

    See also video tutorials on this topic.

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.