History of FisheyePackage

Differences from version 6 to 11



@@ -6,55 +6,38 @@

 * very customisable layout settings
 * various image size display options
 
-! ToDo
-* process and inlude EXIF data
+! Gallery Layout Options
+A number of layout styles are provided by the the fisheye package, and additional layout styles can easily be integrated if required.
 
-! <div> based layout option
-we give you the option to display your galleries using <div>s or <table>s
+Fixed Grid
+The images will be displayed in a fixed grid. You can specify the number of thumbnails to display per page. Selections are provided for number of rows and number of columns to display.
 
-!! Advantages and disadvantages of divs vs tables
-Tables
-* pros
-** browser compatible
-** easy to set up
-* cons
-** not flexible
-** same number of images per row, regardless of browser width
+Auto Flow
+"The layout of the images on each gallery page will automatically adjust to the browsers width. Selection is provided so that you can specify the total number of thumbnails to display per page.
 
-Divs
-* pros
-** highly flexibe
-** number of images per row adjusts to browser width
-** text browsers display items below each other, making them easier to read
-* cons
-** some browsers might have difficulties displaying these (very few by now)
-** need to have css definitions to get them working
+Position Number
+This option allows you to designate each specific image on each page. The image order number entered on the Image Order page will determine the exact location of each image. Fractional numbers indicate PAGE.POSITION and will specifiy variable images per page, such as: 1.1, 1.2, 2.1, 3.1, 3.2, 3.3
 
-!! div based css
-if you have having problems with the div based layout, you can go back to using the table based layout, or set some definitions in your css file.
-the selector for the image surrounding box is:
-.thumbnailblock .box {}
+Simple List
+This option allows a single column display of images with mime details where available.
 
-this is the code in fisheye/div_layout.css
-we dynamically create class names based on the thumbnail size selection you have. have a look at the code below and you will see that we have 4 classes which correspond to the selected thumbnail size.
-* .avatar-thmb
-* .small-thmb
-* .medium-thmb
-* .large-thmb
+Ajax Scroller
+This layout uses the [http://plugins.jquery.com/project/mbgallery|mbGallery] javascript scrolling picture display. This provides for a smooth sequence of pictures and an avatar based look up chart for selecting a single image. Alternative ajax gallery packages could easily be integrated using this as the basic reference.
 
-this is the code in fisheye/div_layout.css
-{code ()}
-/* generic div based fisheye settings */
-/* you can override these in your own css file */
-.thumbnailblock .avatar-thmb,
-.thumbnailblock .small-thmb,
-.thumbnailblock .medium-thmb,
-.thumbnailblock .large-thmb {float:left; overflow:auto;}
+This can be set on a gallery by gallery basis, so you can create a list of galleries which then open out into grid or other layouts. In addition, the thumbnail size, if the original image is made available and whether comments can be added to entries can also be controlled on a per gallery basis. Public galleries can also be set up allowing anybody to upload to them. ( See security options for the various methods of controlling uploading and editing content )
 
-.thumbnailblock .avatar-thmb {width:120px; height:170px;}
-.thumbnailblock .small-thmb {width:180px; height:230px;}
-.thumbnailblock .medium-thmb {width:420px; height:470px;}
-.thumbnailblock .large-thmb {width:820px; height:870px;}
-{code}
-you can modify the file directly or apply set width and height in your css file, which will override the above settings.
+A discussion on the advantages of the different display methods has been moved to it's own page ((Divs vs Tables)). Auto flow and ajax scroller use DIV's to handle the display, while the rest use simple tables.
+
+! Thumbnail sizes
+The upload process automatically creates a set of thumbnail images for any images uploaded, and additional plugins can provide images for PDF and other document formats. The list of sizes created can be modified in the configuration file.The default set-up provides for 5 sizes.
+#icon 48px by 48px
+#avatar 100px by 100px
+#small 160px by 120px
+#medium 400px by 300px
+#large 800px by 600px
+
+These work well where images uploaded are 1024x768, but with the high resolution cameras now available, an extra-large size of 1024 by 768 can be a useful 'thumbnail' to renerate as well.
+
+! ToDo
+* Integrate attached Tiki Gallery to Fisheye code {attachment id=845}
 
Page History
Date/CommentUserIPVersion
30 Mar 2009 (15:17 UTC)
Lester Caine81.138.11.13611
Current • Source
Lester Caine81.138.11.13610
View • Compare • Difference • Source
Lester Caine81.138.11.1369
View • Compare • Difference • Source
Kozuch85.207.244.1608
View • Compare • Difference • Source
spiderr69.134.60.2046
View • Compare • Difference • Source
xing194.152.164.453
View • Compare • Difference • Source
xing194.152.164.452
View • Compare • Difference • Source
spiderr66.93.240.2041
View • Compare • Difference • Source