-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathdemo_rewrite.html
executable file
·61 lines (57 loc) · 4.23 KB
/
demo_rewrite.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<meta charset="utf-8">
<title>Try On</title>
<link rel="stylesheet" href="resources/sakura.css" type="text/css">
<link rel="stylesheet" href="resources/try_on_style.css">
<script type="text/javascript" src="resources/try_on_data.js"></script>
<script type="text/javascript" src="resources/try_on.js"></script>
<h1>VOGUE: Try-On by StyleGAN Interpolation Optimization</h1>
<div class="main">
<div id="model" class="choice"><div id="container">
<label>
<input type="radio" value="small" name="garment" onclick="display('model0')" class="hidden-radio" checked="checked">
<img class="interpolatedResult" id="model0" src="resources/target/43bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed1332.png" />
</label>
</div><div class="title">Person</div></div>
<div id="garment" class="choice"><div id="container">
<label >
<input type="radio" value="small" name="garment" onclick="display('resources/interpolated/43bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed13323unnK2pHgJik3RrKpEuduz_NKu8xa9DDZbiwGs5ThfxDF_seed6603full_loss.png')" class="hidden-radio"/>
<img class="interpolatedResult" id= "garment0" src="resources/reference/3unnK2pHgJik3RrKpEuduz_NKu8xa9DDZbiwGs5ThfxDF_seed6603.png" />
</label>
<label >
<input type="radio" value="small" name="garment" onclick="display('resources/interpolated/43bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed133243bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed7025full_loss.png')" class="hidden-radio"/>
<img class="interpolatedResult" id="garment1" src="resources/reference/43bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed7025.png" />
</label>
<label >
<input type="radio" value="small" name="garment" onclick="display('resources/interpolated/43bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed13324UQpqcAjsHiFirwQKBSAAu_54xdjdeF6ZkYdoYyd5wrzn_seed1538full_loss.png')" class="hidden-radio"/>
<img class="interpolatedResult" id="garment2" src="resources/reference/4UQpqcAjsHiFirwQKBSAAu_54xdjdeF6ZkYdoYyd5wrzn_seed1538.png" />
</label>
<label >
<input type="radio" value="small" name="garment" onclick="display('resources/interpolated/43bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed13323Av9tJFg7NhpyTuaBpLfHP_355a3Xwt28BSF2jRuXEDSf_seed1573full_loss.png')" class="hidden-radio"/>
<img class="interpolatedResult" id= "garment3" src="resources/reference/3Av9tJFg7NhpyTuaBpLfHP_355a3Xwt28BSF2jRuXEDSf_seed1573.png" />
</label>
</div><div class="title">Shirts</div></div>
<div id="pants" class="choice"><div id="container">
<label >
<input type="radio" value="small" name="garment" onclick="display('resources/interpolated/43bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed13322wwXujx9s3XSaGFHWFR7fb_TJxfmXyLz9qWnHxdyC5nMD_seed1531full_loss.png')" class="hidden-radio">
<img class="interpolatedResult" id= "pants0" src="resources/reference/2wwXujx9s3XSaGFHWFR7fb_TJxfmXyLz9qWnHxdyC5nMD_seed1531.png" />
</label>
<label >
<input type="radio" value="small" name="garment" onclick="display('resources/interpolated/43bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed13322yKyxqvHjNgrNkfYwPDbLY_cixikSMXZ7kaTKavQMJxaD_seed5405.png')" class="hidden-radio"/>
<img class="interpolatedResult" id="pants1" src="resources/reference/2yKyxqvHjNgrNkfYwPDbLY_cixikSMXZ7kaTKavQMJxaD_seed5405.png" />
</label>
<label >
<input type="radio" value="small" name="garment" onclick="display('resources/interpolated/43bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed13322wwXujx9s3XSaGFHWFR7fb_TJxfmXyLz9qWnHxdyC5nMD_seed8037full_loss.png')" class="hidden-radio"/>
<img class="interpolatedResult" id= "pants2" src="resources/reference/2wwXujx9s3XSaGFHWFR7fb_TJxfmXyLz9qWnHxdyC5nMD_seed8037.png" />
</label>
</div><div class="title">Pants</div></div>
<div id="output" class="output">
<div id="container">
<div id="imageResult" class="relResult"> <img id="interpolatedResult" onmouseover="hover('interpolatedResult')" onmouseout="noHover('interpolatedResult')" src="" /></div>
<div id="modelResult" class="relResult"> <img id="modelBigImage" onmouseover="hover('modelBigImage')" onmouseout="noHover('modelBigImage')" src="resources/target/43bX93WjTb8Z4w2aHVTujo_o4XzSw3Sqkr9hvNGt8tTfb_seed1332.png" /></div>
</div>
<div class="outputTitle">Try-on</div>
</div>
</div>
<div>
</div>