我正在寻找一种解决方案,以使CD映像自动翻转(就像这样:http://alanschaffer.com/sound/images/cd.gif),并且每当从该CD下方的列表中选择一个曲目并单击该曲目时,就会播放选定的曲目。在播放曲目时单击CD时,曲目将停止。
你能帮我吗?
附注:所有适用于iPad的解决方案建议均适用。我要在iPad应用上使用它。
最佳答案
我建议使用css-animations进行图像旋转(当然,您必须为其他浏览器添加前缀):
.mycd.animate {
-webkit-animation: infinite-spinning 1s infinite linear;
}
@-webkit-keyframes infinite-spinning {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
只需将
animate
类添加到图像中,CD就会旋转。$('.mycd').on('click',function() {
if($(this).hasClass('animate')) {
// Track is playing -> stop it
$(this).removeClass('animate');
} else {
// Not Playing -> start
$(this).addClass('animate');
}
});