Return to Snippet

Revision: 25503
at April 1, 2010 02:43 by nijgnet


Updated Code
// onrollover button for form submit image buttons - toggle "_ovr" to the filename
$("form input[type='image'][src*='images/form_submit_']").hover(
    function () {
        $(this).attr('src', function() {
        return this.src.replace('.png', '_ovr.png');
        });
    },
    function () {
        $(this).attr('src', function() {
        return this.src.replace('_ovr', '');
        });
    }
);

Revision: 25502
at April 1, 2010 02:26 by nijgnet


Updated Code
// onrollover button for form submit image buttons - toggle "_ovr" to the filename
    $("form input[type='image'][src*='images/form_submit_']").hover(
        function () {
            $(this).attr('src', function() {
                return this.src.replace('.png', '_ovr.png');
            });
        },
        function () {
            $(this).attr('src', function() {
                return this.src.replace('_ovr', '');
            });
        }
    );

Revision: 25501
at April 1, 2010 02:26 by nijgnet


Initial Code
// onrollover button for form submit image buttons - toggle "ovr" to the filename
    $("form input[type='image'][src*='images/form_submit_']").hover(
        function () {
            $(this).attr('src', function() {
                return this.src.replace('.png', '_ovr.png');
            });
        },
        function () {
            $(this).attr('src', function() {
                return this.src.replace('_ovr', '');
            });
        }
    );

Initial URL

                                

Initial Description
Each image button requires two images to represent two states: the off-state and the on-state. In this case, the on-state has "_ovr" appended.

Initial Title
Rollover function for input image buttons

Initial Tags
image, button

Initial Language
jQuery