/    Sign up×
Community /Pin to ProfileBookmark

Help! Challenge; online gif-maipulation

Hi,

see [url]http://www.mkbhomepage.nl/posting/[/url]

I believe I found a real challange. I want to be able to change the color of an image (1 color only!) based on users input.

I thought about making an inverse image and use the background of a cell to do this, but that brings another problem, I can no longer see the background image.

I made a page with an example and a clear description of the issue. See [url]http://www.mkbhomepage.nl/posting/[/url]

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@geertjanauthorJan 11.2003 — If it can't be done, using html/ javascript, what should be used to get it done? I have no idea so I also have no idea on where to post the issue, in a java-forum, css-forum, etc..

Can you help me solve this issue?
Copy linkTweet thisAlerts:
@DariaJan 13.2003 — If it's a matter of doing it short and sweet, I agree - ther is no way.

If it's a matter of simply having something like that no matter what's the cost, then there is a lengthy an memory-consuming way of getting a bunch of gifs in different colors, creating a bunch of copy pages with a different gif each, and have a jump_menu that will reload the page with a gif of a chosen color in it.
Copy linkTweet thisAlerts:
@StefanJan 13.2003 — There at least theoretically is kind of a real crazy way to do what you want using only DHTML.

You could eg make a very large table in which each <td> was 1px by 1px large.

You could then use CSS to add background colors to these individual 1x1 pixel pixels, effectivly creating a bitmapped picture.

Changing the background color on the pixels are then pretty straight forward DHTML.

However the code will be pretty large and messy, and I would make sure I didn't have a better option available to me before even trying this.
×

Success!

Help @geertjan spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.9,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...