[TUT] Create a simple rollover image [TUT]

[Dentafrice]

I really don't think you know what the code does do you?

You know that when you put your mouse over it, it changes, and that is about it.

Why not expand on the code, tell the 'users' reading this page what the functions do, how it works.

That is a tutorial.

Not saying.. "copy and paste this, copy and paste this", that is just source code.

[Joe!]

As you have copied from dreamweaver, surely its much easier to just click Insert>Image Objects>Rollover Image in dreamweaver? much quicker than copying and pasting the code you have posted lol. It would be a bit better if you actually explained what the javascript done as well, like previous members have posted.

[Hayd93]

It's still a TUTORIAL :S :rolleyes:
This will help people. Therefore, it is a tutorial.

Now, as a Forum Moderator, you should know that you don't want to start further discussions

Thats the one thing that really gets on my nerves. When users say your a moderator stop. Thats basicly blackmail.

I never usually do this but - rep.

The tutoral anyway. yes its a good tutoral for people who are unsure of this. Maybe explain what you are doing to help them even more.

[Decode]

I would use CSS for rollovers, it takes so much less code.

<style type="text/css">
li a:hover {
background-image: url('hover.gif');
}
.roll {background-image: url('nothover.gif');
}
</style>
<li class="roll">HIIII</li>

[Source]

Yea you can do it with all classes. Much better and less strain on older pc's (by about 0.00001% ).

.button {
      width: 100px;
      padding: 10px;
      float: left;
      background: #FFFFFF;
}

.button:hover {
      background: #000000;
}

[kk.]

I would use CSS for rollovers, it takes so much less code.

<style type="text/css">
li a:hover {
background-image: url('hover.gif');
}
.roll {background-image: url('nothover.gif');
}
</style>
<li class="roll">HIIII</li>

dont forget that with this method, you should add a peice of code that pre-loads the image thats going to show on hover.

[Independent]

I've seen that on dynamic drive. I've seen that on dynamic drive. I've seen that on dynamic drive. I've seen that on dynamic drive. I've seen that on dynamic drive. I've seen that on dynamic drive. I've seen that on dynamic drive.

KK's code is easier by much. +REP, I'd have done via it in an img tag using some simpler js.

[Oddsocks]

Yea you can do it with all classes. Much better and less strain on older pc's (by about 0.00001% ).

.button {
      width: 100px;
      padding: 10px;
      float: left;
      background: #FFFFFF;
}

.button:hover {
      background: #000000;
}

Wouldnt work in IE, thats why you should use an A:hover with display block

[Meti]

*removed*?!? I'm trying to be nice, and help this community out, by doing this tutorial, to learn some of you who didn't know this. And all I get for respons is -rep's.

I can take harsh critism, but when I get -rep's for something I really shouldn't get them for, I feel really angry.

It's a code *removed*!

No one said, "oh, thanks for doing this, but you could of..."

Not even 1 *removed* "thank you" from anyone!

"I've seen that on dynamic drive" - Yes, you maybe f'ing saw that on dynamic drive, but I didn't take this code from dynamic drive.

And for you who think this only is a code, LMAO. I had to do things too. I had to do the rollovers, i had to write down step by step, so it would be much easier for you to see and learn. And all you say is "simple copy and paste".

And i swear, someone of you has used this tutorial, but just don't have the self-confident to say "thanks for that", because you think you'll get bullied by everyone else who actually can do this without even pressing anything. Write every *removed* word with the keypad.

You are some selfish ******* ****!

Thanks for reading :rolleyes:

Edited by Invent (Forum Moderator): Please don't avoid the filter.

[Dentafrice]

That's real professional, quit crying over rep.

Quit crying because someone criticized you, it happens.. live with it and quit being a baby.

Maybe if you would write a tutorial and not just throw us Dreamweaver code, that might help :rolleyes: