cool jquery dropshadow plugin

Go directly to solutionA reply has been marked as a solution

7/4/2009 9:31:54 PM

bob baty-barrLocation: 339 elm street batavia, ILposts: 691Karma: 431

hey, just wanted to share this great jquery plugin that is a HUGE help when working with designers that want to put dropshadows on content that should be dynamically driven by umbraco :P

http://eyebulb.com/dropshadow/index.htm

It is quite easy to integrate this and uses some pretty standard jquery initialization and has several properties...

just put a class on what you want to throw a shadow on and place something like this in your $document.ready() call

$(".needShadow").dropShadow({
        left    : 2,
        top     : 2,
        blur    : 3,
        opacity : 0.6,
        color   : "#000000",
        swap    : false
    })

hope this is helpful to some!


7/4/2009 10:24:49 PMJesper OrdrupLocation: Vipperød, DenmarkMVP.posts: 573Karma: 503 Comment with ID: 8574	0 love it. Thanks Bob /Jesper

7/5/2009 8:05:41 AMNiels HartvigLocation: Nyborg, DenmarkCore.admin.posts: 1401Karma: 623 Comment with ID: 8585	0 Wow - I thought that drop shadows was a leftover from late 90ies. Isn't it a bit early to go retro ;-) (sorry - couldn't resist, as a js thing it's quite impressive)

7/5/2009 5:32:00 PMbob baty-barrLocation: 339 elm street batavia, ILposts: 691Karma: 431 Comment with ID: 8613	0 LOL - yeah, i know... but some designers just can't let them go -- the current challenge that lead me to the solution was a search for a picture dropshodow solution without having to come up with a complex "rule of 9" set of graphics and classes to allow for dynamic images, etc. i stumbled across this solution and it works great for lots of situations. now, if it was a plugin that make things look like marble texture with a dropshadow... then it would be totallyl retro :)

9/9/2009 3:55:04 PMClaushingebjergLocation: brotorvet 3 7500 Denmarkposts: 103Karma: 114 Comment with ID: 14384	2 watch out on pages with more than a little content, this script will drown your page in eternal slowness.

9/9/2009 4:38:33 PMPetr SnobeltLocation: Czech Republicposts: 635Karma: 1061 Comment with ID: 14391	0 Impressive as sample... http://css-tricks.com/inapproprite-uses/

9/9/2009 4:39:51 PMPetr SnobeltLocation: Czech Republicposts: 635Karma: 1061 Comment with ID: 14392	0 BTW: Why some links are created automatically and some are not?

9/9/2009 5:51:38 PMdandrayneLocation: Edinburghposts: 884Karma: 1638 Solution Comment with ID: 14407	1 Solution I'd love to be able to say screw IE on most projects, but if it comes to it box-shadow: 7px 7px 5px #ccc; for 'modern' browsers, and call it a "progressive enhancement" when someone complains they cant see it in IE

10/10/2009 2:37:08 AMNik WahlbergLocation: Providence, RI USAposts: 412Karma: 596 Comment with ID: 16578	0 @umbraco @bootnumlock - I find that MOST designers feel the need for drop shadows. Not very web-two-o 'ish I guess.... Nice script Bob!

10/10/2009 4:54:49 AMbob baty-barrLocation: 339 elm street batavia, ILposts: 691Karma: 431 Comment with ID: 16582	0 i think i may be with dan on this one... progressive enahncement and utilize css3 -- most of my clients would know no diffrentlly... just my designer when he sends me all that fancy stuff :)