Mouse over effect

  • Voor een aanvullende post functie in de BDT source wil ik een mouse over effect toegevoegd hebben.


    Momenteel wordt mijn afbeelding getoond als:


    PHP
    <input name="item" type="image" value="1" onclick="document.getElementById('sel').value = 'true'" src="images/race/tuning/wheel/1.png" /> </form>


    Hoe is het mogelijk om met een mouse over, over deze afbeelding een mouse over effect (vb. ander plaatje) te tonen?

  • Nee, dat is niet moeilijk. Dit kan namelijk gewoon met Javascript eventueel i.c.m. jQuery. jQuery raad ik je aan omdat het dan wat makkelijker wordt. Met jQuery komt je code er uit de zien als iets in de trend van:


    PHP
    $('#item').mouseover(function() {
     this.src = 'http://www.google.nl/logo.png';
    });


    Dan vervolgens nog een mouse-out die de source weer terug zet. In '#item' is item de ID van je HTML-tag.

  • Dank je wel. Had het al geprobeert met jQuerty maar kwam er hier niet mee uit.


    Momenteel heb ik


    PHP
    <area shape="poly" alt="" coords="108,153,108,88,221,23,221,87" href="dit_moet_de_post_worden" id="fancy2" title="<?=$city_1;?> - <table width=200px><tr><td><img src='images/icons/money.gif'> <?=$airfield_18;?>: ?3500</td></tr><tr><td><img src='images/icons/status_online.gif'> <?=$airfield_19;?>: <?echo$amsterdam;?></td></tr></table>">


    Hoe kan ik er nu voor zorgen dat mijn originele post gedeelte


    PHP
    <input type="radio" name="train" value="1" onclick="document.getElementById('sel').value = 'true'">
    <input type='submit' name='koop' value='<?=$airfield_21;?>' class="mod_submit">
    </form>


    Kan worden verwerkt in het eerste script deel?

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!