Announcement

#1 2004-06-02 08:46:02

rych
Member
2004-05-20
12

Dynamic layout

1. I wanted to have rather large, 320x240, thumbnails. Rendering them in a table did not fit the screen. In category.vtp I replaced the table with div class="thumbnail", and in the default.css added:
div.thumbnail {
  clear: none;
  float: left;
  margin-bottom: 20px;
}
Now the thumbnails (along with their subtitles) get arranged dynamically to fill the width of the browser window.

2. I gave my big pictures, 1024X768, more space in picture.vtp: no container panel, the prev. and the next thumbnails as image DHTML tooltips (http://www.walterzorn.com/tooltip/tooltip_e.htm) attached to the arrows added to the top, "slideshow" line.

Please take a look at my gallery's new layouts.
http://rych.dnsalias.com/pwg/

Offline

 

#2 2004-06-17 12:51:17

rych
Member
2004-05-20
12

Re: Dynamic layout

One more DHTML thing.

Compact dynamic category menu: category tree that is sent fully expanded by the server, are hidden first and dynamically open by JavaScript onclick.

This one plus my previous DHTML patches are available as a template. Go to pwg/template/; rename your default/ to olddefault/ and unzip my template: http://rych.dnsalias.com/pwg/default.zip

Online example: http://rych.dnsalias.com/pwg/
(click on the arrows to choose a category; then on the category to display its thumbnails)

Last edited by rych (2004-06-17 16:03:23)

Offline

 

Board footer

Powered by FluxBB

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