jquery ui

Buttons with icons

by Yannick Portier

HTML

<span class="pull-right" id="mctrl0">
    <button class="prev"></button>
    <button class="play"></button>
    <button class="pause"></button>
    <button class="next"></button>
</span>

JavaScript

$(function() {
    $(".prev").button({
        icons: {
            primary: 'ui-icon-seek-prev'
        },
        text: false
    });
    $(".play").button({
        icons: {
            primary: 'ui-icon-play'
        },
        text: false
    });
    $(".pause").button({
        icons: {
            primary: 'ui-icon-pause'
        },
        text: false
    });
    $(".next").button({
        icons: {
            primary: 'ui-icon-seek-next'
        },
        text: false
    });
    //$("#mctrl0").buttonset();
});