Davidacevedo (Talk | contribs) |
Davidacevedo (Talk | contribs) |
||
Line 60: | Line 60: | ||
.drag-drop.can-drop { | .drag-drop.can-drop { | ||
color: #000; | color: #000; | ||
− | background-color: #4e4; | + | /*background-color: #4e4;*/ |
} | } | ||
</style> | </style> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/interact.js/1.2.8/interact.min.js"></script> | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div id="alan" class="drag-drop"> <img src="/ | + | <div id="alan" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tec-Monterrey--Foto_Alan.jpg"> </div> |
− | <div id="esteban" class="drag-drop"> <img src="/ | + | <div id="esteban" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/4/44/T--Tec-Monterrey--Foto_Esteban.jpg"> </div> |
− | <div id="acebae" class="drag-drop"> <img src="/ | + | <div id="acebae" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/2/2f/T--Tec-Monterrey--Foto_David.jpg"> </div> |
− | <div id="sofi" class="drag-drop"> <img src="/ | + | <div id="sofi" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/9/9f/T--Tec-Monterrey--Foto_Sofia.jpg"> </div> |
− | <div id="bobby" class="drag-drop"> <img src="/ | + | <div id="bobby" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/a/a9/T--Tec-Monterrey--Foto_Roberto.jpg"> </div> |
<div id="outer-dropzone" class="dropzone"> | <div id="outer-dropzone" class="dropzone"> | ||
Line 76: | Line 77: | ||
<div id="imageHolder"> <img id="dropzoneImage"height="100%" src=""> </div> | <div id="imageHolder"> <img id="dropzoneImage"height="100%" src=""> </div> | ||
</div> | </div> | ||
− | + | <script> | |
− | + | ||
// target elements with the "draggable" class | // target elements with the "draggable" class | ||
interact('.draggable') | interact('.draggable') |
Revision as of 23:38, 13 October 2018
#outer-dropzone