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.
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);
});
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.
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:
Cheers
ThemeNectar Support Team
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.
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
Hey Tahir!
Solved it! If anyone ever has the same problem here is what to do:
Open up salient/js/init.js scroll to.....
Hey Mike! Thanks a lot for posting your solution for others who may need it :)
Cheers!
Youre Welcome! This is closed.