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
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
JQueryCode:.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; }
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
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen