Project

General

Profile

Download (5.96 KB) Statistics
| Branch: | Revision:

git_sitools_idoc / szcluster-db / preview_page / index_23.html @ master

1

    
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
<html>
4
<head>
5
        <!--<link rel="stylesheet" type="text/css" href="style.css"/>-->
6
        <!--Original dark blue: #005fbf-->
7
        <!--Original light blue: #aad4ff-->
8
        <style type="text/css">
9
                body {
10
                background: #FFFFFF;
11
                color: #EEE;
12
                text-align: center;
13
                font: normal 9pt Verdana;
14
            }
15
            img {
16
                border: none;
17
            }
18
            #normal2, #normal3, #normal4, #normal5 {
19
                display: none;
20
            }
21
            #gallery {
22
                margin:1% auto;
23
            }
24
            .album{
25
                    width:55%;
26
                    float:left;
27
                    margin-left: 5%
28
            }
29
            #thumbs {
30
                margin-right: 10%;
31
                width: 5%;
32
                height: 60%;
33
                float: left;
34
            }
35
            #thumbs img {
36
                width: 248%;
37
                height: 248%;
38
                margin: 2%;
39
                box-shadow: 3px 3px 1px #ccc;
40
            }
41
            #thumbs a:hover {
42
                margin: 0 0 0 2%;
43
            }
44
            .big{
45
                    margin-bottom: 5%;
46
            }
47
            #bigimages {
48
            }
49
            #bigimages img {
50
                width: 63%;
51
                height:63%;
52
                box-shadow: 3px 3px 1px #ccc;
53
                float:left;
54
            }
55
            #arrow {
56
                margin-top: 27%;
57
                width: 10%;
58
                float: left;
59
            }
60
            #arrow img {
61
                width: 100%;
62
            }
63
            #cds{
64
                    text-align:center;
65
            }
66
            #cds img {
67
        width: 20%;
68
        }
69
        #information {
70
                float:left;
71
                        padding:0px;
72
                        width:26%;
73
                        border:1px solid #000000;
74
                        margin-left: 5%;
75
                }#information table{
76
                    border-spacing: 0;
77
                        width:100%;
78
                        margin:0px;padding:0px;
79
                }
80
                #information tr:nth-child(odd){ background-color:#F0F0F0; } 
81
                #information tr:nth-child(even){ background-color:#ffffff; }
82
                #information td{
83
                        vertical-align:middle;
84
                        border:1px solid #000000;
85
                        text-align:right;
86
                        font-size:1.2em;
87
                        font-family:Arial;
88
                        font-weight:normal;
89
                        color:#000000;
90
                        padding: 3% 3% 3% 5%;
91
                }
92
                #information tr:first-child td{
93
                        background-color:#404040;
94
                        text-align:center;
95
                        padding:2%;
96
                        font-size:2em;
97
                        font-family:Arial;
98
                        font-weight:bold;
99
                        color:#ffffff;
100
                }
101
                ul{
102
                        padding: 0;
103
                        margin:0;
104
                }
105
                ul li{
106
                        list-style:none;
107
                }
108
        </style> 
109

    
110
        <script type="text/javascript">
111

112
                var currentGlobal = 1;
113

114
                function changeImage(current,total) {
115
                        //var imagesNumber = 6;
116
                        for (i=1; i<=total; i++) {        
117
                                if (i == current) {
118
                                        document.getElementById("normal" + current).style.display = "block";
119
                                } else {
120
                                        document.getElementById("normal" + i).style.display = "none";
121
                                }
122
                        }
123
                        currentGlobal = current;
124
                }
125

126
                function next() {
127
                        if (currentGlobal==5){currentGlobal=0};
128
                        changeImage(currentGlobal+1,5);
129
                }
130

131
                function previous() {
132
                        if (currentGlobal==1){currentGlobal=6};
133
                        changeImage(currentGlobal-1,5);
134
                }
135

136
                window.addEventListener('keyup', function (e) {
137
                    if (e.keyCode === 37) {previous()}
138
                    if (e.keyCode === 39) {next()}
139
                }, false);
140

    
141
        </script>
142

    
143
</head>
144

    
145
<body>
146
  
147
<div id="gallery">        
148

    
149
        <div class="album">
150
            <div class="big">
151
                <div id="thumbs">
152
                    <a href="javascript: changeImage(1,5);"><img src="../images/SZ_22_SZ.png" alt="" /></a>
153
                    <a href="javascript: changeImage(2,5);"><img src="../images/SZ_22_SZ_SDSS.png" alt="" /></a>
154
                    <a href="javascript: changeImage(3,5);"><img src="../images/SZ_22_SZ_W1.png" alt="" /></a>
155
                    <a href="javascript: changeImage(4,5);"><img src="../images/SZ_22_SZ_FoF.png" alt="" /></a>
156
                    <a href="javascript: changeImage(5,5);"><img src="../images/SZ_22_SZ_ROSAT.png" alt="" /></a>
157
                </div>
158

    
159
                <div id="arrow"><a href="javascript: previous();"><img src="../images/prev.png" alt="" /></a></div>
160

    
161
                <div id="bigimages">
162
                  <div id="normal1"><a href="javascript: next();"><img src="../images/SZ_22_SZ.png" alt=""/></a></div>
163
                  <div id="normal2"><a href="javascript: next();"><img src="../images/SZ_22_SZ_SDSS.png" alt=""/></a></div>
164
                  <div id="normal3"><a href="javascript: next();"><img src="../images/SZ_22_SZ_W1.png" alt=""/></a></div>        
165
                  <div id="normal4"><a href="javascript: next();"><img src="../images/SZ_22_SZ_FoF.png" alt=""/></a></div>        
166
                  <div id="normal5"><a href="javascript: next();"><img src="../images/SZ_22_SZ_ROSAT.png" alt=""/></a></div>   
167
                </div>
168
                
169
                <div id="arrow"><a href="javascript: next();"><img src="../images/next.png" alt="" /></a></div>
170
                <div style="clear:both;"></div> 
171
            </div>
172
        </div>
173
        <div id="information">
174
                <table >
175
                    <tr><td colspan="2">ACT-CL J0008.1+0201</td></tr>
176
                    <tr>
177
                            <td><b>Index</b></td>
178
                        <td style='text-align:left'>23</td>
179
                    </tr>
180
                    <tr>
181
                        <td><b>RA</b></td>
182
                        <td style='text-align:left'>2.0418</td>
183
                    </tr>
184
                    <tr>
185
                        <td><b>DEC</b></td>
186
                        <td style='text-align:left'>2.0204</td>
187
                    </tr>
188
                    <tr>
189
                        <td><b>Redshift</b></td>
190
                        <td style='text-align:left'>0.365069</td>
191
                    </tr>
192
                    <tr>
193
                        <td><b>Redshift type</b></td>
194
                        <td style='text-align:left'>spec</td>
195
                    </tr>
196
                    <tr>
197
                        <td><b>Redshift ref.</b></td>
198
                        <td style='text-align:left'>2014arXiv1401.7716R</td>
199
                        
200
                    </tr>
201
                    <tr>
202
                        <td><b>Alt. Name</b></td>
203
          <td style='text-align:left'>
204
          <ul>
205
                  <li>ACT-CL J0008.1+0201</li>
206
                  <li>RMJ000810.4+020112.3</li>
207
                  <li>PSZ1 G101.60-59.03</li>
208
                  <li>PSZ2 G101.55-59.03</li>
209
          </ul>
210
          </td>
211
                    </tr>
212
                    <tr>
213
                       <td><b>VO Link</b></td>
214
                       <td id="cds"  style='text-align:left'><a href="http://simbad.u-strasbg.fr/simbad/sim-basic?Ident=2.0418 2.0204&submit=SIMBAD+search" target="_blank"><img src="../images/cds_icon.gif" alt="" /></a></td>                       
215
                    </tr>
216
                </table>  
217
        </div>
218
        
219
</div>
220

    
221
</body>
222
</html>