Text von play Button in Bild Ändern

[bongartz120]

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

[bongartz120]

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

CSS

.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

//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');
		}
	});

[doescher]

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