PHP gevorderde |
|
Wel ja, het is een manier om een mouse-over effect te creeëren.
Maar enkel door het attribuut hsrc in je img tag toetevoegen lukt het niet hoor.
Je moet er nog een java-script code aan toevoegen.
IK had deze nog liggen, deze vindt je ook op het internet, maar ik heb nog een extra element element toegevoegd, zodat je gelijk welke naam kunt gebruiken en dus niet enkel hsrc.
<script type="text/javascript">
function init()
{
if (!document.getElementById) return
rtag = "verander";
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++)
{
if (imgarr[i].getAttribute(rtag))
{
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute(rtag);
imgarr[i].onmouseover = function()
{
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute(rtag))
}
imgarr[i].onmouseout = function(){this.setAttribute('src',imgOriginSrc)}
}
}
}
onload=init;
</script>
<script type="text/javascript"> function init() { if (!document.getElementById) return rtag = "verander"; var imgOriginSrc; var imgTemp = new Array(); var imgarr = document.getElementsByTagName('img'); for (var i = 0; i < imgarr.length; i++) { if (imgarr[i].getAttribute(rtag)) { imgTemp[i] = new Image(); imgTemp[i].src = imgarr[i].getAttribute(rtag); imgarr[i].onmouseover = function() { imgOriginSrc = this.getAttribute('src'); this.setAttribute('src',this.getAttribute(rtag)) } imgarr[i].onmouseout = function(){this.setAttribute('src',imgOriginSrc)} } } } onload=init; </script>
Als img code geef je dan gewoon het volgende mee, lettende op de tag voor de verandering van het plaatje.
<IMG SRC="printer.gif" ALT="" border="0" verander="status.gif" /> |