Image OnMouseClick?

Status
Niet open voor verdere reacties.
J

Jobono

Nieuwe gebruiker
Lid geworden
14 feb 2014
Berichten
4
Hallo, ik hoop dat iemand een oplossing heeft voor een stukje script dat ik probeer te gebruiken, alvast bedankt.
Ik heb een script dat een plaatje toont als ik er over ga met de muis en als ik eraf ga krijg ik het onmouseout gifje dat begrijp ik aardig maar als ik met de muis klik wil ik geen mouseclick gif maar de mogelijkheid om met een variabele zelf te kunnen instellen wat er voor image tevoorschijn komt, bijv. random ofzo en geen vastgelegd plaatje zoals dat nu gebeurt, ik ben al aardig bezig met leren maar dit zie ik nog niet echt, misschien is het voor een ander simpel uit te leggen, hier is het script.
Met dank, Jobono.

script type="text/javascript">

function changePic(picfile, picID)
{
var myPic = document.getElementById(picID);
myPic.src = picfile;
var images = [];
index = 0;
}
</script>


<html>

<div style='top: 200px; left: 175px; position: absolute;'>

<img src='mouse_normal.gif' id='myMousePic1' onMouseOver='changePic("mouse_over.gif", "myMousePic1")' onMouseOut='changePic("mouse_normal.gif", "myMousePic1")' onMouseDown = 'changePic("mouse_click.gif","myMousePic1")'>
 
Ik snap niet echt wat je wilt bereiken met var images = []; en index = 0;.

Op naar je vraag:

Als je een random plaatje wilt kan je een array met plaatjes maken en dan met bijvoorbeeld Math.floor(3*Math.random()); een random element van de array selecteren.
 
Hallo Kvothe, dank voor je reactie, er miste nog een deeltje van het script, vandaar die var images=[], ik probeer alleen te begrijpen hoe ik in het deel "mouse_click.gif" moet vervangen door zoiets als een array, ik heb al van alles geprobeerd maar het lukt mij niet, ben nog maar net met JS begonnen, ik zal nog even het hele script meesturen voor alle duidelijkheid, met dank Jobono.

script type="text/javascript">

function changePic(picfile, picID)
{
var myPic = document.getElementById(picID);
myPic.src = picfile;
var images = [];
index = 0;
}
</script>


<html>

<div style='top: 200px; left: 175px; position: absolute;'>

<img src='mouse_normal.gif' id='myMousePic1' onMouseOver='changePic("mouse_over.gif", "myMousePic1")' onMouseOut='changePic("mouse_normal.gif", "myMousePic1")' onMouseDown = 'changePic("mouse_click.gif","myMousePic1")'>

</div>

<div id="one" style="width:150px; height:156px;"></div>

<div id="another"></div>
 
Je moet in je script iets zetten als

[JS]var images = [plaatje1,plaatje2,plaatje3];
var size = images.length;
function randomimage(id){
document.getElementById(id).src = images[Math.floor(size*Math.random())];
}[/JS]

Hierbij is plaatje1 enzo uiteraard de URL van het betreffende plaatje.
 
Hoi, nog bedankt weer voor je reactie, (laptopprobleem, kon niet eerder reageren, sorry) mijn punt is dat ik blijf zitten met wat ik moet neer zetten in plaats van "mouse_gif" in de regel onMouseDown = 'changePic("mouse_click.gif","myMousePic1")' dus een verwijzing naar ander plaatje of kan hier alleen maar direct gif, png of jpg staan?
Dank alvast.
 
Tussen de aanhalingtekens staat de javascript code die wordt uitgevoerd bij een mousedown event. Deze moet je vervangen door randomimage(id), waarbij id het id is van het betreffende element.
 
Hallo, ik ben al aardig op weg nu en als ik er verder niet uit kom vraag ik het weer.
Namens Jobono dank.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan