Pagina 1 van 1

plaatje

Geplaatst: 12 jan 2003, 10:34
door bartian24
Weet iemand hoe je plaatjes kan maken dat als er met je muis overheen gaat dat je dan een ander plaatje krijgt :?:
moet dat soms met een speciale programma. zoja welke.

Re: plaatje

Geplaatst: 12 jan 2003, 15:09
door trinitron
bartian24 schreef:Weet iemand hoe je plaatjes kan maken dat als er met je muis overheen gaat dat je dan een ander plaatje krijgt :?:
moet dat soms met een speciale programma. zoja welke.
je kan het wel met een javascriptje doen weet ik. Maar hoe bedoel je dit precies bartian?

Geplaatst: 12 jan 2003, 15:50
door Harm-Jan
<html>

<head>
<style>
.bigChange {color:blue; font-weight:bolder; font-size:175%;
letter-spacing:4px; text-transform: uppercase; background:yellow}
.start {color:yellow; background:blue}
</style>
<script LANGUAGE="JAVASCRIPT">
function highlightButton(s) {
if ("INPUT"==event.srcElement.tagName)
event.srcElement.className=s
}
</script>

</head>

<body>



<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table WIDTH="96%" BORDER="0" CELLSPACING="5" CELLPADDING="5">
<tr>
<td WIDTH="100%">
<form NAME="highlight" onmouseover="highlightButton('start')" onmouseout="highlightButton('')">
<input type="button" Value="www.FreeHostingIndex.com">
</form>
</td>
</tr>
</table>



</body>
</html>


zet dit eens in kladblok en sla het op als .htm

Bedoel je het zo bartian

Geplaatst: 13 jan 2003, 15:15
door bartian24
Nou ik bedoel bijvoorbeeld,
je hept 2 plaatjes van een hond 1 met blauwe oogjes en 1 met rode oogjes.
dan ga je over plaatje1, en dat dan ipv. plaatje1, plaatje2 komt.

Geplaatst: 27 jan 2003, 09:34
door bartje74
<!-- DESCRIPTION: This will make new images pop up when the user places the mouse over them.

INSTRUCTIONS: Place this script in the HEAD tags of
your webpage. Then place the original images as "1.gif" "2.gif" "3.gif" and so on...
Then have the pop-up images as "1b.gif" "2b.gif" "3b.gif" and so on.
Be sure to change the hyperlinks to refer to your webpage.
These are "just" for a reference to make this script easier.

FUNCTIONALITY: Works in Netscape 3.0+ and IE 4.0+ only.
-->

<SCRIPT LANGUAGE="JavaScript">

<!--
if(document.images) {
ccover = new Array(6);
ccout = new Array(6);
ccover[1]=new Image;
ccout[1]=new Image;
for(var n=2;n<=5;n++) {
ccover[n]=new Image;
ccout[n]=new Image;
}
for(var n=1;n<=5;n++) {
ccover[n].src=""+n+"b.gif";
ccout[n].src=""+n+".gif";
}
}
function ccOn(i) {
if(document.images) document.images["cc" + i].src=ccover.src;
}
function ccOff(i) {
if(document.images) document.images["cc" + i].src=ccout.src;
}
//-->


</SCRIPT>

</HEAD>
<BODY>

<A HREF="http://www.blaat.nl/" onMouseOver=ccOn("1") onMouseOut=ccOff("1")><IMG NAME="cc1" SRC="blaat.gif" BORDER=0 HSPACE=0 VSPACE=0></A><BR>


<A HREF="http://www.blaat.nl/" onMouseOver=ccOn("2") onMouseOut=ccOff("2")><IMG NAME="cc2" SRC="blaat 2.gif" BORDER=0 HSPACE=0 VSPACE=0></A><BR>


<A HREF="http://www.blaat.nl/" onMouseOver=ccOn("3") onMouseOut=ccOff("3")><IMG NAME="cc3" SRC="blaat 3.gif" BORDER=0 HSPACE=0 VSPACE=0></A><BR>


<A HREF="http://www.blaat/" onMouseOver=ccOn("4") onMouseOut=ccOff("4")><IMG NAME="cc4" SRC="blaat 4.gif" BORDER=0 HSPACE=0 VSPACE=0></A><BR>


<A HREF="http://www.blaat.nl/" onMouseOver=ccOn("5") onMouseOut=ccOff("5")><IMG NAME="cc5" SRC="blaat 5.gif" BORDER=0 HSPACE=0 VSPACE=0></A><BR>

<P>