Jumping in at the deep end.

[Loony BoB]

Okay, I finally decided to put a bit of effort into my Aiyon site. I need to know how to do something though... you know how you can get an image to be really dark, and then it lights up (fades from dark to light) whereever you hover your mouse? I wanna know how to do that.

[Peegee]

I already solved your problem but here's the solution again just in case:


[img src="dogbot.gif" name="the_image" border="0"]

Of course your replace the square brackets with pointy brackets.

dogbot.gif: original image
dogbot1.gif: what fading thing you want when the mouse goes over
dogbot2.gif: what fading thing you want when the mouse goes away (fade it back to dogbot.gif)

eg: http://www.geocities.com/ghettoprops30/doggy.html

[Baloki]

Just so you know that script doesn't see to be working *rolls eyes*

Ok, my best surgestion is a site called hotscripts.com (http://www.hotscripts.com/) it has all the cool scripts like that, and much more besides.

Hope that helps, and if want a working example of roll over image scripts goto my site (http://www.loki7.co.uk) and roll your mouse over the pritty affiaites text.

:)

[Loony BoB]

Originally posted by Baloki
Just so you know that script doesn't see to be working *rolls eyes*
Worked for me. xD

[Baloki]

hummm, Geocities must not like my computer then.....

[Endless]

The thing is, it will only fade the whole image (assuming the gif is animated to do so), not around the cursor (which I thought was what BoB wanted).

[Loony BoB]

Aye, apparently I'd have to learn Flash to get it all sorted out. :(

[The Man]

here's a better way to do what pg said:

<img src="whatever" :bou::bou::bou::bou::bou::bou::bou:over="this.src='whatever2';" :bou::bou::bou::bou::bou::bou::bou:out="this.src='whatever';">

i.e.

<img src="http://foolsgold.kicks-&#97;ss.net/forum/images/smilies/ezpimp.gif" :bou::bou::bou::bou::bou::bou::bou:over="this.src='http://foolsgold.kicks-&#97;ss.net/forum/images/smilies/hitlartime.gif';" :bou::bou::bou::bou::bou::bou::bou:out="this.src='http://foolsgold.kicks-&#97;ss.net/forum/images/smilies/ezpimp.gif';">

ok.

but yeah, more or less you'd have to learn flash. or divide it up into lots of little tiny images, which would suck.

[Baloki]

Get a program called swish it involves no learning needed.

[Dr Unne]

Have you balanced the benefits of a one-second flashy animation which people won't even notice the third time they've seen it, with the sheer annoyance and hassle of users downloading some bizarre script or *shudder* Flash animation just to display a graphic which likely takes away from easily using your site, not to mention the amount of programming time and effort you need to spend to even get such things to work? Maybe it's just me, but anything beyond plain old HTML and CSS (and maybe TINY bits of inobtrusive Javascript at the very most) annoys me to the point of prolonged twitching.

[Baloki]

Originally posted by Dr Unne
Have you balanced the benefits of a one-second flashy animation which people won't even notice the third time they've seen it, with the sheer annoyance and hassle of users downloading some bizarre script or *shudder* Flash animation just to display a graphic which likely takes away from easily using your site, not to mention the amount of programming time and effort you need to spend to even get such things to work? Maybe it's just me, but anything beyond plain old HTML and CSS (and maybe TINY bits of inobtrusive Javascript at the very most) annoys me to the point of prolonged twitching.

Server Side Includes are good too, yip, yip

[Dr Unne]

I'm talking about user-end. SSI, PHP, Perl, etc. have nothing to do with what I see when I browse web sites; they produce plain old HTML/CSS/Javascript/whatever a programmer wants them to produce. A weird animation on the other hand must involve my downloading SOMETHING to run it in my browser. That's what's annoying.

[The Man]

Unne has a point.

[Baloki]

Originally posted by The Man
Unne has a point.

Gah, foiled again....

Although I am in agreement with you flash is annoying on a menu. Either you do the whole site in flash or nil.

[Loony BoB]

Of course, there's always the fact that I'm making this website purely for myself, and to test myself in what I can code. If it suits my tastes, I'm happy. I wouldn't be expecting any visitors to the site unless I was linking them to it so they could see a new map or something.

But it doesn't look like I can do it without Flash, and I'm not willing to do the whole bloody thing like that, so I'll probably have to pass. =/ Which is a shame. The best I could manage is to light up a whole image rather than a specific part of an image (tested here (http://www.aiyon.com/test2.html)), but that's not nearly good enough for me, even if I adjusted the brightness/darkness/speed/whatever... 'cause I wanna have it work within image mapping and the like. =/ Blarg.

I got the idea when I was browsing a certain page within the Donnie Darko site, actually, although it's always been in the back of my mind to get it done. I'd like to get all my stuff off of paper and onto my computer. The effects wouldn't have been for 'the sake of effects', either. If I was doing it for the sake of effects, I'd just do something I can already code. xP

[Peegee]

Wait, did BoB want it to fade in and out while hovering? That's annoying and impractical. Anyway my advice did work for him according to what he said that morning. Why it won't work on YOUR computer is beyond me. It's just simple javascript which I think is supported by most decent browsers.

[Baloki]

Don't worry, its to do with Geocities, they have this stupid pop-up add thing (as you may well know) and I have diasabled it from working but it means some javascripts (only on geocities sites though) will not work.

[Peegee]

Just copy the index file and the pictures to your local computer and open it. It works. It's just a hassle to do it my way because flash is so much easier. With my way you have to do silly image maps and other riff raff.

[crono_logical]

At least image maps are more compatible :p Or if you're gonna be making only parts of the image highlight when the mouse hovers, then imagemaps won't be what you want (well it could be, it'd need unnecessarily large number of large images though) - you'd want to be slicing the image up instead :p