Advanced Search

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