matt/changeblindness
1
0
Fork 0
Code Issues 6 Pull Requests Packages Projects Releases Wiki Activity

Add a transparent div on top of the image

Browse Source 
Capture mouse clicks even when images aren't showing.
This commit is contained in:
mattbk
2015-11-05 15:42:34 -06:00
parent f4220c118c
commit 3e4a16ef00
3 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
views/change.html.twig
View File

@ -7,10 +7,14 @@
<div id="placeholder" class="well">
<p>Please wait while the images are loaded.</p>
</div>
<div id="outside">
<!-- This hidden image keeps the div open and the right size, even when #rotator is hidden in change.js. -->
<img src="{{ imageWithElement}}" style="visibility:hidden; position:relative;">
<div id="rotator" class="hide">
<img src="{{ imageWithElement}}">
<img src="{{ imageWithoutElement}}">
</div>
</div>
<form method="post" action="" name="changeform" id="changeform">
<input type="hidden" name="xcoordinate" id="xcoordinate" value="0">
<input type="hidden" name="ycoordinate" id="ycoordinate" value="0">