Difference between revisions of "Team:Sydney Australia/Rate My Gel"
| Line 35: | Line 35: | ||
document.left.src = imagesArray[numl].image; | document.left.src = imagesArray[numl].image; | ||
document.right.src=imagesArray[numr].image; | document.right.src=imagesArray[numr].image; | ||
| + | $("#gel-boxL").show(); | ||
| + | $("#gel-boxR").show(); | ||
| + | $("#buttonL").show(); | ||
| + | $("#buttonR").show(); | ||
} | } | ||
function winnerL() { | function winnerL() { | ||
| Line 85: | Line 89: | ||
.center, .row {background: #e2e2e2;} | .center, .row {background: #e2e2e2;} | ||
| − | #results {display:none;} | + | #results, #gel-boxL, #gel-boxR, #buttonL, #buttonR {display:none;} |
</style> | </style> | ||
</head> | </head> | ||
| Line 95: | Line 99: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-xs-6"> | <div class="col-xs-6"> | ||
| − | <div class="gel center-block"> | + | <div class="gel center-block" id="gel-boxL"> |
<img name="left" style="width:100%; max-height: 300px; object-fit: contain" /> | <img name="left" style="width:100%; max-height: 300px; object-fit: contain" /> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="col-xs-6"> | + | <div class="col-xs-6" id="gel-boxR"> |
<div class="gel center-block"> | <div class="gel center-block"> | ||
<img name="right" style="width:100%; max-height: 300px; object-fit: contain" /> | <img name="right" style="width:100%; max-height: 300px; object-fit: contain" /> | ||
| Line 108: | Line 112: | ||
<div class="col-xs-1"> | <div class="col-xs-1"> | ||
</div> | </div> | ||
| − | <div class="col-xs-3"> | + | <div class="col-xs-3" id="buttonL"> |
<input onclick="winnerL();" type=button value="This one!" style="width:100%; object-fit: contain" class="center"> | <input onclick="winnerL();" type=button value="This one!" style="width:100%; object-fit: contain" class="center"> | ||
</div> | </div> | ||
| Line 114: | Line 118: | ||
<input onclick="displayImage();" type=button value="Which gel's better?" style="width:100%; object-fit: contain"> | <input onclick="displayImage();" type=button value="Which gel's better?" style="width:100%; object-fit: contain"> | ||
</div> | </div> | ||
| − | <div class="col-xs-3"> | + | <div class="col-xs-3" id="buttonR"> |
<input onclick="winnerR();" type=button value="This one!" style="width:100%; object-fit: contain"> | <input onclick="winnerR();" type=button value="This one!" style="width:100%; object-fit: contain"> | ||
</div> | </div> | ||
Revision as of 09:56, 4 September 2017
