Okay
  Public Ticket #179842
Div after Loading
Closed

Comments

  • Mike started the conversation

    Howdy,

    I worked on some badges to overlay my portfolio-thumbs and those are working pretty well, but I want them to show up AFTER the image-loading process is done. 

    I see you are using 'imagesloaded.js'.

    What can I do to archive this? Because right now the divs are getting visible before the loading process is done.

  •   Mike replied privately
  •  8,838
    Tahir replied

    Hey Mike!

    You can set that  particular div to visibility:hidden;

    Try adding this into the Custom CSS box located in your Salient Options panel:

    div {
    visibility:hidden;
    }
    

    Cheers


    ThemeNectar Support Team 

  • Mike replied

    Hello Tahir,

    thx for the quick reply but that won't help. 

    I'm aware of hiding particular divs .

    The problem is to make them visible AFTER the thumbails of the portfolio page have been loaded. 

  •  8,838
    Tahir replied

    Hey Mike!

    I am afraid you will have to wait for the developer to anwser this as i am out of ideas. 

    Cheers


    ThemeNectar Support Team 

  • Mike replied

    Hey Tahir!

    Solved it! If anyone ever has the same problem here is what to do:

    Open up salient/js/init.js scroll to.....

    	//call the reLayout to get things rollin'
    			reLayout();
    			masonryZindex();
    			$window.resize( reLayout );
    			$window.smartresize( masonryZindex );
    
    
    //HERE COMES YOUR DIV AND SOME FADE IN IF YOU DESIRE
    $('.portfolio-items .col').each(function(i){
    $(this).find('#YOUR BEAUTIFUL DIV NAME').delay(i*180).animate({'opacity':1},2000);
    });
    
  •  1,069
    ThemeNectar replied

    Hey Mike! Thanks a lot for posting your solution for others who may need it :)

    Cheers!

  • Mike replied

    Youre Welcome! This is closed.