2
I need to create a background for my site in the style mosaico photo. When the page opens, the bottom of the site is filled with photos, filling the full width of the window (ie need to be responsive) and a certain height.
Click here to see an animated example and a Jsfiddle.
I did some research plugins and found this one. He does exactly what I want, but he doesn’t work with background.
Do you have any plugin suggestions? Or how can I create this effect?
EDITED
The structure I have to list the images is something like this:
<div class="bg-mosaico">
<img src="imagem 1" />
<img src="imagem 2" />
<img src="imagem 3" />
...
</div>
It’s simple, so I think a plugin is not necessarily useful, and I can create a simple function with the same goal. I searched and found this:
var imgMOSAICO = $('.bg-mosaico img');
imgMOSAICO.hide();
imgMOSAICO.each(function() {
$(this).delay( Math.random()*500+500 ).fadeIn();
});
It works, the images appear. The problem is that they do not appear one by one, they appear almost all at the same time. And I need them to stay fixed, because they have to have an exact amount of images.. And depending on the resolution, they break down lines and you can’t.
The code does not seem complicated to adapt (https://github.com/ed-lea/jquery-collagePlus/blob/master/jquery.collagePlus.js), even tried to touch it?
– brasofilo
You say edit the file itself . js? As I do not have much knowledge to edit a plugin made. Hehehe.
– Ricardo
Can you explain what the
background? You say "in the background...filling full width and certain height", can you make a doll in CSS? . . (I just saw that Inkei wrong above, but yes the JS plugin)– brasofilo
http://jsfiddle.net/6k3xuy8g/ | This is the bottom of the page. The
mosaicowould fill the full width of the window (i.e., responsive) and have a maximum height. And on top of that, the content of the site.– Ricardo
Okay, the cool thing is to insert this kind of clarification into the body of the question, so the next interested person has the full picture at first reading.
– brasofilo