[JavaScript]po kliknieciu zmienia się obrazek Opcje

[jaca121212]

tak jak w temacie mam skrypt playlisty który po kliknieci odtwarza się muzyka i jest ikona play a chciałbym aby ta ikona zmieniła sie na inna ikonę tzn podmiana obrazka istniejącego na inny obtrazek w jaki to sposób zrobić

[JAVASCRIPT] pobierz, plaintext 
<script>
$("#playlist a").on("click", function() {
 
       var src = $(this).attr('href');
		var zdjecie1= document.getElementsByClassName(".icon-play");
		zdjecie1.innerHTML = "Hello World!";
        $("#videoarea").attr("src", src);
        $("#videoarea").attr("poster", '');
        $("#videoarea").attr("autoplay", true);
 
    return false;
});
 
 
 
 
 
});
 </script>
[JAVASCRIPT] pobierz, plaintext 

ikona play ma classe icon-play
ikona pauza ma classe icon-pause

Ten post edytował jaca121212 2.05.2015, 19:24:46

[owca_82]

Tworzysz sobie po dwie klasy na każdy obrazek (np. icon-play on, icon-play off ). Pierwsza ukrywa obrazek, druga pokazuje + przełączasz w callbacku zdarzenia pomiędzy tymi klasami (zmieniasz klasę pomiędzy off a on).

Czyli np.
pierwszy klik (play): icon-play off, icon-pause on
drugi klik (pause): icon-play on, icon-pause off

Ten post edytował owca_82 2.05.2015, 19:30:31