|
Gallery: one more way ... |
|
Written by Andreas Berger
|
|
Saturday, 19 April 2008 07:46 |
|
one more way to skin a deer ...
An admittedly strange name for a galleryscript, the more that it is no script because JavaScript has to do with it only by its absence. Confused enough? Fine.
So what is this about?
The shown concept was back in 2003 part of my project work in a web design-course where i opposed three identically image-galleries, the first one realized with flash, the second one with JavaScript and the third one - the one its all about - with pure HTML and CSS.
The inspiration for this third gallery have been the CSS-experiments on lofotenmoose.info, back in 2003 still literarymoose.info. The - picked up there too - saying "There are many ways to skin a deer" gave me the title, just "one more way ...". The sample on literarymoose.info used CSS-selectors like :hover and :hover:after to insert image-content into a page. It worked with Firefox and Opera, it did not with MSIE. As i am not locking out this browser (like literarymoose.info and lofotenmoose.info) my approach was a little more low tech, in return it works with MSIE too.
I do not see this as the future of image-presentation, but it is a - in my opinion - nice gimmick and at least a possibility to realize a gallery with thumbnails without any script, plugin, whatever.
The concept is till now tested as follows:
|
 |
 |
 |
 |
 Internet Explorer
|
6 |
|
|
|
|
| Internet Explorer |
7.0 |
J |
|
|
|
| Internet Explorer |
8 |
|
|
|
|
 Firefox
|
2.0.0.16 |
J |
|
|
|
Firefox
|
3.0.1 |
J |
|
|
|
 Opera
|
9.25 |
J |
|
|
|
 Safari
|
3.11 |
J |
|
|
|
Demo (shown inside an inline-frame):
License:
Free to use as long as the copyright-notice in the sources stays intact.
Provided as is, no warranty, no liability.
Miscellaneous:
I am happy about everybody who gives me a link back to www.bretteleben.de on his website, this way helping me to popularize the script. The concept "no more way ..." is till now listed in different JavaScript - resources, including the largest - as far as i know - JavaScript resource: HotScripts.
If you have questions or suggestions about this concept, please use the comment-function. Records about the behavior of this X-HTML - concept with further browsers/operating systems would be appreciated.
The ZIP-archive contains (enlarged) the demo-page shown above.
|
|
Last Updated on Saturday, 14 February 2009 09:45 |
Das Joomla! Plugin bietet zur Zeit auch nur die Option, die Thumbnails unter dem Hauptbild anzuordnen. Und zwar aus dem ganz pragmatischen Ansatz heraus, dass die hier gewählte Anordnung auf eine gewisse Anzahl von Bildern limitiert ist, während das Joomla! Plugin möglichst breit einsetzbar sein soll. Auch wenn das Plugin in Zukunft vielleicht auch andere Layouts beinhalten wird - dieses wird deshalb ziemlich sicher nicht dabei sein.
Gruß
Andreas
Was ich allerdings nirgens finden konnte ist die Anordnung der Thumbs, so wie in diesem Bsp. das die Thumbs rund um das Mainbild verteilt sind, sowas hätte ich gerne mal ausprobiert.
Gruss Tobi