15,56c15 < tr { max-height: 40px; < } < < #mytr { < background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url('sprint.jpg'); < background-position: 0% 18%; < } < < #mytr2 { < background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url('sprint.jpg'); < background-position: 20% 28%; < } < < #mytr3 { < background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url('sprint.jpg'); < background-position: 30% 33%; < } < < #mytr4 { < background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url('sprint.jpg'); < background-position: 40% 38%; < } < < #mytr5 { < background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url('sprint.jpg'); < background-position: 50% 43%; < } < < #mytr6 { < background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url('sprint.jpg'); < background-position: 57% 48%; < } < < #mytr7 { < background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url('sprint.jpg'); < background-position: 70% 53%; < } < < #mytr8 { < background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url('sprint.jpg'); < background-position: 90% 58%; < } --- > tr { max-height: 40px; } 76d34 < var bimg='sprint.jpg'; 503,550d460 < function depending() { < var newbimg='sprint.jpg', trsuff=''; < switch(verb.toLowerCase().replace(/\ /g,'')) { < case 'row': < case 'rowing': < newbimg='row.jpg'; < break; < case 'cycle': < case 'biking': < newbimg='cycle.jpg'; < break; < case 'climb': < case 'climbing': < newbimg='climbing.jpg'; < break; < case 'juggle': < case 'juggling': < newbimg='juggling.jpg'; < break; < case 'cartwheel': < case 'cartwheeling': < newbimg='cartwheeling.jpg'; < break; < case 'waterpoloplay': < case 'playingwaterpolo': < newbimg='waterpolo.jpg'; < break; < case 'mountaincycle': < case 'mountainbiking': < newbimg='mountaincycle.jpg'; < break; < case 'handballplay': < case 'playinghandball': < newbimg='handball.jpg'; < break; < default: < newbimg='sprint.jpg'; < break; < } < if (newbimg != bimg) { < for (var itr=1; itr<=8; itr++) { < document.getElementById('mytr' + trsuff).style.backgroundImage="linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url('" + newbimg + "')"; < trsuff='' + eval(1 + itr); < } < bimg=newbimg; < } < } < 557d466 < depending(); 606c515 < --- >