Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: How to make my photo grid thumbnail sizes dynamic  (Read 5973 times)

0 Members and 1 Guest are viewing this topic.

matheso

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 91
How to make my photo grid thumbnail sizes dynamic
« on: January 19, 2015, 02:49:11 am »

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/

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:


Logged

matheso

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 91
Re: How to make my photo grid thumbnail sizes dynamic
« Reply #1 on: January 19, 2015, 02:50:39 am »

Sorry about that!    Thumbnail width should be dynamic, based on the photo's resolution.

Can you recommend a solution?  Thank you
Logged

matheso

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 91
Re: How to make my photo grid thumbnail sizes dynamic
« Reply #2 on: January 19, 2015, 02:51:11 am »

Logged

allvip

  • Coppermine addict
  • ****
  • Country: 00
  • Offline Offline
  • Posts: 1362
Re: How to make my photo grid thumbnail sizes dynamic
« Reply #3 on: January 20, 2015, 12:27:23 am »

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
packery jquery plugin:  http://packery.metafizzy.co/
freewallpackery http://vnjs.net/www/project/freewall/

More: 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.
« Last Edit: January 20, 2015, 12:35:14 am by allvip »
Logged

matheso

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 91
Re: How to make my photo grid thumbnail sizes dynamic
« Reply #4 on: January 20, 2015, 01:38:06 am »

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:

Code: [Select]
<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
Logged

gmc

  • Dev Team member
  • Coppermine addict
  • ****
  • Country: us
  • Offline Offline
  • Gender: Male
  • Posts: 785
    • GMC Design Photo Gallery
Re: How to make my photo grid thumbnail sizes dynamic
« Reply #5 on: January 20, 2015, 05:22:21 am »

1. Is freewall free to use for commercial purposes? I can't find this info
At the bottom of the Freewall site:

Code: [Select]
Copyright
© 2013 Minh Nguyen
Released under the MIT license

The MIT license:
http://opensource.org/licenses/MIT
Logged
Thanks!
Greg
My Coppermine Gallery
Need a web hosting account? See my gallery for an offer for CPG Forum users.
Send me money

allvip

  • Coppermine addict
  • ****
  • Country: 00
  • Offline Offline
  • Posts: 1362
Re: How to make my photo grid thumbnail sizes dynamic
« Reply #6 on: January 20, 2015, 02:58:59 pm »

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>

Code: [Select]
  <script>
    $(function() {
      var wall = new freewall("#thumbWrapp");
      wall.fitWidth();
    });
  </script>
Logged

matheso

  • Coppermine regular visitor
  • **
  • Offline Offline
  • Posts: 91
Re: How to make my photo grid thumbnail sizes dynamic
« Reply #7 on: January 22, 2015, 07:07:01 pm »

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!
Logged

allvip

  • Coppermine addict
  • ****
  • Country: 00
  • Offline Offline
  • Posts: 1362
Re: How to make my photo grid thumbnail sizes dynamic
« Reply #8 on: February 02, 2015, 05:24:02 pm »

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
Logged
Pages: [1]   Go Up
 

Page created in 0.017 seconds with 20 queries.