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