Text von play Button in Bild Ändern

Hallo,

ich nutze gerade zum ersten mal den diesen Solider und frage mich gerade wie ich den Schriftzug "Pause" in einem Button mit einem Bild ändern kann.

Danke

Gruß

Bongartz120

So mein Problem jetzt mit CSS und Jquery gelöst. Anbei meine Lösung:

CSS

Code:

---

.caroufredsel_button {
        position: absolute;
        margin-top: 2%;
        margin-left: 49.5%;
        text-align: center;
}

.caroufredsel_button span {
        background-image: url(http://contao.matography.de/files/MATOGRAPHY/Bilder_Layout/playpausebutton.png);
        background-size:27px 54px;
        width: 27px;
        height: 27px;
        display: block;
}

.caroufredsel_button span:hover {
        background-position: 0px 27px;
}


.active{
        background-position: 0px 27px;
}

---

JQuery

Code:

---

//Start Stop Button Slider
        $('#caroufredsel_button_6 span').click( function() {
                if($(this).hasClass('active')){
                        //der Slider ist am laufen --> die Button muss auf das Playzeichen geändert werden
                        //$(this).css('background-position', '0px 0px;');
                        $(this).removeClass('active');
                       
                } else {
                        //der Slider ist NICHT am laufen --> die Button muss auf das Pausezeichen geändert werden
                        //$(this).css('background-position', '0px 0px;');
                        $(this).addClass('active');
                }
        });

---

Hallo bongartz120,

ich versuche gerade auch, den Slider mit dem Button umschalten zu lasse und diesen dabei von Pause auf Play zu ändern, aber ich weiß nicht, in welches Template Du den Code kopiert hast. Kannst Du mir das kurz sagen?

Danke,
Jan-Dirk