Hello,
I'd like to change the layout of the thumbnails on my homepage from what it is now, to something like this: http://www.pexels.com/ (http://www.pexels.com/)
The thumbnail shouldI assume I'll need to change themes, but I don't know which one would be best?
Two main things I'd like:
Sorry about that! Thumbnail width should be dynamic, based on the photo's resolution.
Can you recommend a solution? Thank you
my site: http://taskbasket.net/gallery/
Type in Google grid dynamic jquery.
I found this:
Isotope (is made by same person that made the famous mansonry) : http://isotope.metafizzy.co/layout-modes/fitrows.html (http://isotope.metafizzy.co/layout-modes/fitrows.html)
packery jquery plugin: http://packery.metafizzy.co/ (http://packery.metafizzy.co/)
freewallpackery http://vnjs.net/www/project/freewall/ (http://vnjs.net/www/project/freewall/)
More: http://speckyboy.com/2013/07/15/15-jquery-plugins-for-creating-dynamic-layouts/ (http://speckyboy.com/2013/07/15/15-jquery-plugins-for-creating-dynamic-layouts/)
I did a very fast read and search of the plugins I listed.
I did not payed attention if it really is what you want.
Thank you, freewall looks perfect. However, I have 2 questions:
1. Is freewall free to use for commercial purposes? I can't find this info
2. I don't see where I place the html code into my template.html file? Right now my template file has this code to show my gallery:
<div id="cpg_main_block_outer">
<div class="cpg_main_block_inner">
{GALLERY}
<br />
</div>
</div>
I don't see where I place freewall's code?
Thanks again
Quote from: matheso on January 20, 2015, 01:38:06 AM
1. Is freewall free to use for commercial purposes? I can't find this info
At the bottom of the Freewall site:
Copyright
© 2013 Minh Nguyen
Released under the MIT licenseThe MIT license:
http://opensource.org/licenses/MIT (http://opensource.org/licenses/MIT)
Should work like this: add in template.html in the head (<head> </head> section):
<script type="text/javascript" src="themes/matheso/js/freewall.js"></script>
and under {JAVASCRIPT} or before </body>
<script>
$(function() {
var wall = new freewall("#thumbWrapp");
wall.fitWidth();
});
</script>
Thank you both for your helpful feedback. @allvip I'll try exactly that when I get a chance, and will report back. I appreciate it!
Topic related with How to integrate Free Wall jQuery plugin into Coppermine's gallery? http://forum.coppermine-gallery.net/index.php/topic,78030.0.html (http://forum.coppermine-gallery.net/index.php/topic,78030.0.html)