Home Javascript One more way ...
Main Menu
Most Read
Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79
Support

If you like the products on these pages, your support is highly appreciated. Thank you very much!

Amount: 

Latest Items
Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109
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:

Windows Mac OSX Linux FreeBSD
MSIE Internet Explorer
6
MSIE Internet Explorer 7.0 J
MSIE Internet Explorer 8
FireFox Firefox
2.0.0.16 J
FireFox Firefox
3.0.1 J
Opera Opera
9.25 J
Safari 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.

Downloads:
FileLast Modified
Download this file (onemoreway.20080503.zip) onemoreway.20080503.zip1970-01-01
Last Updated on Saturday, 14 February 2009 09:45
 
English
Panoramic Image Viewer
Follow me on Facebook
Follow me on Google+

bretteleben.de

Add to circles

Who's Online
We have 77 guests online