codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    Swap an image using css and jquery

    14th July 2013

    CSS

    Css - Codehaven

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
     
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
    $(document).ready(function()
    {
        $("#imgDino").hover(
            function()
            {
                $(this).attr("src", "http://lorempixel.com/g/300/200/people");
            },
            function()
            {
                $(this).attr("src", "http://lorempixel.com/g/300/200/animals");
            }                        
        );                  
    });
    </script>
     
    <img id="imgDino" src="http://lorempixel.com/g/300/200/animals" />
     

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN