Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options
Bevel.js
![fysicsluvr](https://secure.gravatar.com/avatar/d04400a3ec42e9ae93c6227f9437415d/?default=https%3A%2F%2Fvanillicon.com%2Fb321bc2f9dd6f2e860c693284dd36bba_100.png&rating=g&size=100)
Take a look at bevel.js. Someone could make an addon that does some nice beveling to embedded images, users' icons, account photos (flickr photostreams?), etc.
(be sure to keep it from doing this to certain images such as advertisements or banners.)
(be sure to keep it from doing this to certain images such as advertisements or banners.)
0
This discussion has been closed.
Comments
Nice find.
anyone?
When the frame or border of an image takes over the contents so prominently one must ask the question, what are you trying to achieve and why?
As I said, I am more interested in how jimw implements the control.
The other one I just saw on the same site, was glossy.js. It adds a gloss to the photos like web-2.0 graphics. (I like glossy better)
Or should this be a forum level option, regardless of whether you are a registered user or not?
In my testing, it seems to work on some images all the time and on some images in the sidepanel, some of the times. I'm not sure why this is. I'm still testing.
Edit: I've implemented this on my forum for your viewing pleasure. You don't have to be logged in to see. Right now it's set for glossy.
I can work on such documentation to include and also add some error checking for his files.
Should I proceed? I've learned some more javascript doing this, so I am pleased with this little task.
Although I thought it was going to be an option for the user who puts a picture in a comment.
Anyway, I am impressed that you actually read the license agreement!
EDIT:
here's another one from the same site. It simulates a "coverflow" effect. reflect + perspective
What I did to create the extension seemed to be the easiest way of using this "applying of image formats". It should work on any img tag that it can find on any page. However, it doesn't seem to and I don't know why. So, at least it will be a start and we can go from there.
The logic is just a simple js to add the appropriate className to the img tag. Then, once this is done and the bevel or glossy or reflex js is loaded, that js takes over.
I linked to it at the very end before the closing body tag and it works perfectly.
I suspect such scripts assume the entire page has loaded when they do their thing so anything we can do to ensure the page has fully loaded before calling the script will only help?
Maybe there's some delegate or procedure to use that could help out in this kind of a situation. Maybe the dev experts could advise us. I certainly would appreciate it.
Also see my reply to him.
I wish I had time to play with this.
On the Categories page, it displays sidepanel images fine. But it doesn't display images I have next to the Category titles.
It displays the gallery images fine. However, on the Search and Account page, it does not display the sidepanel images or the user image.
Then, I tried with the curl style. The images in the Discussion grid did not visibly show the curl. Maybe too small.
So, the bottomline is that results will differ with each Vanilla site, I'm afraid.
I've got the bevel, glossy, curl and reflection implemented now. I'll do some more testing and try to upload this weekend.