Agent007 Posted December 10, 2003 Share Posted December 10, 2003 hi all,I have a couple of images on a web-page. Is it possible to add a shadow effect to an image using just javascript or CSS or any other language? Should be able to display in FIrebird and IE.. Thing is I dont want to recreate the thumbnails everytime.thanks. Quote Link to comment Share on other sites More sharing options...
Guest LilBambi Posted December 10, 2003 Share Posted December 10, 2003 Yes you can do this by applying two borders with CSS.If you want a bottom left shadow, simply apply a border to the bottom and left side of the element.CSS is so cool! Quote Link to comment Share on other sites More sharing options...
Guest LilBambi Posted December 10, 2003 Share Posted December 10, 2003 Here's a page with an excellent box shadow example about midway down the page with code and all:Simple CSS drop shadows Quote Link to comment Share on other sites More sharing options...
SonicDragon Posted December 11, 2003 Share Posted December 11, 2003 Thing is I dont want to recreate the thumbnails everytime.I assume that you don't want to create roll over images then?If you can do what you'd like with CSS/JavaScript without creating other images, go for it! But if that doesn't produce the desired effect, making another image with a shadow on it would be the only other way i can think of doing it.Good luck Quote Link to comment Share on other sites More sharing options...
Agent007 Posted December 11, 2003 Author Share Posted December 11, 2003 LilBambi,I came across that tutorial sometime back...The effect wasnt satisfactory so I guess CSS is out of the question. Have found an alternative workaround. Read below....SonicDragon,Here's what I did (using frontpage)1) Create a blank image (a couple of pixels more than the thumnail) and apply a shadow effect to it.2) Create a table and select the newly created blank image as its background.3) Insert the thumbnail into the table. Since the size is the same, u will c only the shadow..This procedure is OK if u have a small amt of thumbnails...Inorder to change the displayed thumbnails, just FTP the new ones with the same filename and size as the existing ones. Layout remains same and u get the shadow effect too!ciao. Quote Link to comment Share on other sites More sharing options...
Guest LilBambi Posted December 11, 2003 Share Posted December 11, 2003 Sorry you had already looked at that one, but glad you found something that works for you Agent007. And thanks for posting it so others who might want to do the same thing through tables will have a good jumping point. Quote Link to comment Share on other sites More sharing options...
Guest LilBambi Posted December 11, 2003 Share Posted December 11, 2003 Found something else to make up for what you had already found Agent007 that either you or someone else might be able to make use of.Check it out here: Andy's Projects - Drop Shadowed Thumbnail Creator.Found it onHotscripts.com, and it was pretty highly rated there. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.