Skip to content

Instantly share code, notes, and snippets.

@robinvanemden
Created November 3, 2014 18:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save robinvanemden/d9aebc0ae66b82274871 to your computer and use it in GitHub Desktop.
Save robinvanemden/d9aebc0ae66b82274871 to your computer and use it in GitHub Desktop.
<div id="basicdiv" style="position: relative; left: 0; top: 0; width: 920px; height: 575px;background-color:#666666;">
<img id="imgmask" src=
"https://uleidenss.eu.qualtrics.com/CP/Graphic.php?IM=IM_0Mw5SEViwkr67BP"
style="position: absolute; top: 0; left: 0; width: 920px; height: 575px; z-index: 1;">
<img id="imgself1" src=
"https://uleidenss.eu.qualtrics.com/CP/Graphic.php?IM=IM_8wE16Ir2f8GOW2h"
style="position: absolute; top: 0; left: 0; width: 920px; height: 575px; z-index: 2;">
<img id="imgself2" src=
"https://uleidenss.eu.qualtrics.com/CP/Graphic.php?IM=IM_5mNxaldk6WwG4SN"
style="position: absolute; top: 0; left: 0; width: 920px; height: 575px;">
</div>
<div id="click" style="text-align: center;display:none;">
<span style="font-size: 26px; text-decoration: underline"><strong>Click here
to start with the task.</strong></span>
</div>
<div id="psych" style="text-align: center;">
&nbsp;
</div>
<style type="text/css">
#imgself2 {
z-index: 3;
}
#imgself1 {
z-index: 2;
}
#imgmask {
z-index: 1;
}
#imgself1,#imgself2,#imgmask {
position: absolute; top: 0; left: 0; width: 920px; height: 575px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
cursor:pointer;
}
#Buttons {
display:none;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment