Announcement

  •  » Themes
  •  » Thumbnails below picture - how could this be achieved?

#1 2016-01-01 13:52:00

TheDoc
Member
Munich / Germany
2015-10-18
173

Thumbnails below picture - how could this be achieved?

Hi all,

first of all a very happy new year to all!

I've been playing around for some time to achieve the following: Like with the Fotorama plugin or the stripped-galleria theme I would like to have a list of thumbs below a picture for easy navigation.

I'm currently using elegant theme + fotorama (still trying got customize stripped to my needs). But if I could achieve thumbs below pictures without the fotorama overhead I would be happy to do so!

Any pointers on where to look for possible solutions? Or even better: anything out of the box available that I only missed so far?

Thanks,
Thomas

Piwigo version: 2.7.4
PHP version: 5.6.15
MySQL version: 5.5.46-0+deb7u1-log
Piwigo URL: http://bilder.feuster.com

Offline

 

#2 2016-01-16 18:41:27

TheDoc
Member
Munich / Germany
2015-10-18
173

Re: Thumbnails below picture - how could this be achieved?

Have to answer myself here :-)

I have managed to get stripped-galleria theme running (its not compatible with gthumb+...) but have run into the following issue:

Only the first 15 thumbnails are shown for each category. I have verified that the html code only contains entries for 15 thumbs, so its not an issue of the galeria js code.

Is there any place there the number of $thumbnails passed to thumbnails.tpl could be limited for a theme? Pointers welcome!

Thanks,
Thomas

Offline

 

#3 2016-04-01 20:56:22

TheDoc
Member
Munich / Germany
2015-10-18
173

Re: Thumbnails below picture - how could this be achieved?

And another attempt to achieve this...

My current idea would be to add thumbnails info for each picture using the 'picture_pictures_data' trigger:

add_event_handler('picture_pictures_data', 'add_thumbnails_to_picture_data');
function add_thumbnails_to_picture_data($picture)
{
  //add thumbnail info for category

  return $picture;
}

But I'm not sure how to do that best? I had a look at category_default.inc.php on how to query for all pictures but that looks rather complex - and probably not very fast if done for each picture...

Any tip on how to do that efficiently?

Thanks,
Thomas

Offline

 

#4 2016-04-03 21:27:59

TheDoc
Member
Munich / Germany
2015-10-18
173

Re: Thumbnails below picture - how could this be achieved?

To whom it may concern :-)

Progress so far on this:

- added thumbnails to picture page in my own event handler for loc_end_picture (code copied from category_default.inc.php)

- added thumbnails below picture in extended picture.tpl (code copied from thumbnails.tpl)

- some css and javascript to beautify things a bit

And the result can be seen e.g.: http://www.feuster.com/piwigo/picture.p … tegory/714

Open points for which I could need some tips:

- Depending on landscape or portrait pic the row of thumbnails jump up and down. i would like to avoid that by giving "theImageAndInfos" the maximum height for the chosen derivative. How could this be achieved?

- Is there any way to avoid copying parts of category_default.inc.php and thumbnails.tpl manually into my local files?

Offline

 

#5 2016-04-04 10:21:13

flop25
Piwigo Team
2006-07-06
7037

Re: Thumbnails below picture - how could this be achieved?

impressive
Great work


I suggest you post in a pastebin/zip or better as theme or tool in http://piwigo.org/ext/ so I could see better the whole pciture and help you for smarty/php/css coding


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#6 2016-04-04 22:20:51

TheDoc
Member
Munich / Germany
2015-10-18
173

Re: Thumbnails below picture - how could this be achieved?

Thanks!

Can't upload zip with extract of the three files I have modified here - let me see where to put them...

Once complete & once I understand how to do it best, I could try to convert it into a themen - but I think there is still some way to go before that :-)

Last edited by TheDoc (2016-04-04 22:23:28)

Offline

 

#7 2016-04-04 22:33:27

TheDoc
Member
Munich / Germany
2015-10-18
173

Re: Thumbnails below picture - how could this be achieved?

Offline

 

#8 2016-04-21 11:54:51

developer
Member
Honolulu, HI (United States)
2010-06-19
79

Re: Thumbnails below picture - how could this be achieved?

Thank you! It helped :)


400+ Magento Themes, each Magento template includes PSD file. See our gallery!

Offline

 

#9 2016-04-25 20:42:35

teekay
Member
2013-06-12
427

Re: Thumbnails below picture - how could this be achieved?

TheDoc wrote:

Managed to place things here:

https://github.com/ThomasDaheim/piwigo- … turethumbs

Thanks a LOT for this, Thomas.

I borrowed your add_event_handler function and used it to create a child theme for Bootstrap Default, using a slick carousel for the thumbnails. This way it's fully responsive, lazy loads the carousel content on demand (so, works with hundrets of pictures in an album)

Code here: https://github.com/tkuther/piwigo-bootstrap-lightroom

Gruß,
Thomas

Offline

 

#10 2016-04-25 21:17:10

TheDoc
Member
Munich / Germany
2015-10-18
173

Re: Thumbnails below picture - how could this be achieved?

Looks great! Maybe I should think of switching themes too :-)

Offline

 
  •  » Themes
  •  » Thumbnails below picture - how could this be achieved?

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2024 · Contact