NAVIGATION
Differences
This shows you the differences between two versions of the page.
|
english:other-enhancements:gray-scal-images [2014/05/03 16:59] Claus created |
english:other-enhancements:gray-scal-images [2018/06/03 18:09] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| =====Gray Scale Images ===== | =====Gray Scale Images ===== | ||
| - | + | See original thread: http://forum.phpwcms.org/viewtopic.php?f=1&t=24224&p=141005&hilit=data#p141005 \\ | |
| - | It's as easy a sthis: | + | It's as easy as this: |
| <code html> | <code html> | ||
| Line 11: | Line 11: | ||
| /> | /> | ||
| </code> | </code> | ||
| + | |||
| + | Oliver says: "In addition I use a jQuery that filters elements by $('img.image-grayscale') and wraps the <img> tag by <span>. The span gets the $(this).data('grayscale') as CSS background image. Little CSS and opacity: 0 and :hover and you are done." | ||
| + | |||
| + | ====Other possibilities==== | ||
| + | https://github.com/iliasiovis/Hoverizr \\ | ||
| + | demo: http://www.iliasiovis.com/hoverizr/ \\ | ||
| + | und \\ | ||
| + | https://github.com/GianlucaGuarini/jQuery.BlackAndWhite \\ | ||
| + | example: http://teocomi.com/photos/ | ||
