Warning: filemtime(): open_basedir restriction in effect. File(/home/www/web144/html/attachments/054_onemoreway.20080503.zip) is not within the allowed path(s): (/var/www/clients/client396/web1968/web:/var/www/clients/client396/web1968/tmp:/var/www/web144.cyconf.de/web:/srv/www/web144.cyconf.de/web:/usr/share/php5:/tmp:/usr/share/phpmyadmin:/etc/phpmyadmin:/var/lib/phpmyadmin:/usr/share/php:/home/www/web144/html:/home/www/web144/tmp) in /var/www/clients/client396/web1968/web/components/com_attachments/helper.php on line 477
|
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 |
