CINXE.COM
200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona - Digishelf
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="de" dir="ltr"> <link type="text/css" rel="stylesheet" href="https://webfonts.gbv.de/css2?family=Roboto:wght@100;400" /><head id="j_idt3"> <link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" /> <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" /> <meta name="DC.title" content="200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona" xml:lang="de" /> <meta name="DC.publisher" content="Hanseat. Verl.-Anst." xml:lang="de" /> <meta name="DC.date" content="1938" xml:lang="de" scheme="W3CTF" /> <meta name="DC.language" content="ger" xml:lang="de" /> <meta name="DC.language" content="de" xml:lang="de" scheme="DCTERMS.RFC1766" /> <meta name="DC.source" content="-: 200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona, -: Hanseat. Verl.-Anst. -." /> <meta name="citation_title" content="200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona" /> <meta name="citation_publication_date" content="1938" /> <meta name="citation_language" content="de" /> <title>200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona - Digishelf </title> <meta charset="utf-8" /> <meta name="description" content="" /> <meta name="generator" content="Goobi viewer" /> <meta name="application" content="Goobi viewer Core" /> <meta name="version" content="23.12.1" /> <meta name="build date" content="2024-01-18 05:57" /> <meta name="git-revision" content="90c1f1d" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="color-scheme" content="light dark" /> <link rel="shortcut icon" href="https://digishelf.de/api/v1/cms/media/files/favicon.ico" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://digishelf.de/api/v1/records/H188_200_Jahre_Christianeum_digital/files/images/Image00003.tif/full/750,/0/default.jpg" /> <meta name="twitter:title" content="200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona" /> <meta name="twitter:description" content="200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona" /> <meta name="twitter:site" content="@goobi" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" /> <meta property="og:image" content="https://digishelf.de/api/v1/records/H188_200_Jahre_Christianeum_digital/files/images/Image00003.tif/full/750,/0/default.jpg" /> <meta property="og:title" content="200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona" /> <meta property="og:description" content="200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona" /> <meta property="og:site_name" content="Digishelf" /> <link rel="alternate" href="https://www.digishelf.de/piresolver?id=H188_200_Jahre_Christianeum_digital" /> <link rel="canonical" href="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/" /> <link rel="alternate" href="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/1/" /> <link rel="alternate" href="https://www.digishelf.de/!objekt/H188_200_Jahre_Christianeum_digital/1/" /> <link rel="alternate" href="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" /> <link rel="alternate" href="https://www.digishelf.de/!objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" /> <link rel="next" href="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/2/" /> <link rel="search" type="application/opensearchdescription+xml" title="Digishelf" href="/api/v1/opensearch/" /> <link rel="alternate" type="application/json+oembed" href="https://www.digishelf.de/oembed?url=https%3A%2F%2Fwww.digishelf.de%3A443%2Fobjekt%2FH188_200_Jahre_Christianeum_digital%2F1%2FLOG_0000%2F&format=json" title="Goobi viewer oEmbed Profile" /> <link type="text/css" rel="stylesheet" href="/resources/css/libs/bs/bootstrap.custom.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/css/libs/jQueryUi/jquery-ui.min.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/css/libs/font-awesome/css/font-awesome.min.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/css/libs/sweetalert/sweetalert2.min.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/css/libs/leaflet/leaflet.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/css/libs/leaflet/extra-markers/leaflet.extra-markers.min.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/css/libs/leaflet/markercluster/MarkerCluster.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/css/libs/leaflet/draw/leaflet.draw.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/css/libs/mapbox/geocoder/mapbox-gl-geocoder.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/css/libs/mapbox/mapbox-gl.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/css/dist/viewer.min.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <link type="text/css" rel="stylesheet" href="/resources/themes/bsz/css/dist/bsz.min.css?90c1f1d&-cachetimestamp=2024-1-24-15-32-26" /> <script type="text/javascript" src="/resources/javascript/libs/jquery/jquery.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/jqueryUi/jquery-ui.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/bs/bootstrap.bundle.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/reactiveX/rxjs.umd.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/clipboard/clipboard.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/intersection-observer_polyfill.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/riot/riot.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/sweetalert/sweetalert2.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/hcsticky/hc-sticky.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/leaflet/leaflet.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/leaflet/extra-markers/leaflet.extra-markers.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/leaflet/markercluster/leaflet.markercluster.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/leaflet/draw/leaflet.draw.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/mapbox/geocoder/mapbox-gl-geocoder.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/mapbox/mapbox-gl.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/chartjs/chart.umd.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/chartjs/luxon/luxon.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/libs/chartjs/chartjs-adapter-luxon/chartjs-adapter-luxon.umd.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/dist/browsersupport.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/dist/viewer.min.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script> <script type="text/javascript" src="/resources/javascript/dist/riot-tags.js?90c1f1d&-cachetimestamp=2024-1-24-15-32-26"></script><script type="text/javascript" src="/javax.faces.resource/jsf.js.xhtml?ln=javax.faces"></script></head><body id="fullscreen"> <span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info:ofi/fmt:kev:mtx:book&rft.title=200+Jahre+Christianeum+zu+Altona+%3A+Festschrift+zur+Zweihundertjahrfeier+des+Christianeums+in+Hamburg-Altona&rft.date=1938&rft.pub=Hanseat.+Verl.-Anst.&rft.place=Hamburg&rft.language=ger&rft.tpages=316&rft.id=https%3A%2F%2Fwww.digishelf.de%2Fobjekt%2FH188_200_Jahre_Christianeum_digital%2F1%2FLOG_0000%2F"></span> <div class="messages"> </div> <div class="fullscreen"> <div id="fullscreenView" class="fullscreen__view"> <header id="fullscreenHeader" class="fullscreen__header"> <div class="fullscreen__header-brand"> <a href="/"> <img src="https://digishelf.de/api/v1/cms/media/files/digishelf-logo.svg" alt="Digishelf Logo" /> <span>Vollbild</span> </a> </div> <div class="fullscreen__header-controls"> <nav id="imageControls" aria-label="Bildsteuerung" class="image-controls -ltr"> <form id="j_idt71:imageControlsForm" name="j_idt71:imageControlsForm" method="post" action="/objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" enctype="application/x-www-form-urlencoded"> <input type="hidden" name="j_idt71:imageControlsForm" value="j_idt71:imageControlsForm" /> <div class="image-controls__actions"> <ul> <li class="image-controls__action start inactive"> <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path d="M25.75 29l7.625-9h-6l-10 12 9.875 12.5h6.125l-7.75-9.5h28.25v-6h-28.125zM10.375 44.5h6v-24.5h-6v24.5z"></path> </svg> </span> </li> <li class="image-controls__action back inactive"> <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path d="M22.375 29l7.625-9h-6l-10 12 9.875 12.5h6.125l-7.688-9.5h28.188v-6h-28.125z"></path> </svg> </span> </li> <li class="image-controls__action select"> <div class="custom-control custom-control--select"><select id="j_idt71:pageDropdown" name="j_idt71:pageDropdown" size="1" aria-label="Seite ausw盲hlen"> <option value="1" selected="selected">1: - </option> <option value="2">2: - </option> <option value="3">3: - </option> <option value="4">4: - </option> <option value="5">5: - </option> <option value="6">6: - </option> <option value="7">7:5</option> <option value="8">8:6</option> <option value="9">9:7</option> <option value="10">10:8</option> <option value="11">11:9</option> <option value="12">12:10</option> <option value="13">13:11</option> <option value="14">14:12</option> <option value="15">15:13</option> <option value="16">16:14</option> <option value="17">17:15</option> <option value="18">18:16</option> <option value="19">19:17</option> <option value="20">20:18</option> <option value="21">21:19</option> <option value="22">22:20</option> <option value="23">23:21</option> <option value="24">24:22</option> <option value="25">25:23</option> <option value="26">26:24</option> <option value="27">27:25</option> <option value="28">28:26</option> <option value="29">29:27</option> <option value="30">30:28</option> <option value="31">31:29</option> <option value="32">32:30</option> <option value="33">33:31</option> <option value="34">34:32</option> <option value="35">35:33</option> <option value="36">36:34</option> <option value="37">37:35</option> <option value="38">38:36</option> <option value="39">39:37</option> <option value="40">40:38</option> <option value="41">41:39</option> <option value="42">42:40</option> <option value="43">43:41</option> <option value="44">44:42</option> <option value="45">45:43</option> <option value="46">46:44</option> <option value="47">47:45</option> <option value="48">48:46</option> <option value="49">49:47</option> <option value="50">50:48</option> <option value="51">51:49</option> <option value="52">52:50</option> <option value="53">53:51</option> <option value="54">54:52</option> <option value="55">55:53</option> <option value="56">56:54</option> <option value="57">57:55</option> <option value="58">58:56</option> <option value="59">59:57</option> <option value="60">60:58</option> <option value="61">61:59</option> <option value="62">62:60</option> <option value="63">63:61</option> <option value="64">64:62</option> <option value="65">65:63</option> <option value="66">66:64</option> <option value="67">67:65</option> <option value="68">68:66</option> <option value="69">69:67</option> <option value="70">70:68</option> <option value="71">71:69</option> <option value="72">72:70</option> <option value="73">73:71</option> <option value="74">74:72</option> <option value="75">75:73</option> <option value="76">76:74</option> <option value="77">77:75</option> <option value="78">78:76</option> <option value="79">79:77</option> <option value="80">80:78</option> <option value="81">81:79</option> <option value="82">82:80</option> <option value="83">83:81</option> <option value="84">84:82</option> <option value="85">85:83</option> <option value="86">86:84</option> <option value="87">87:85</option> <option value="88">88:86</option> <option value="89">89:87</option> <option value="90">90:88</option> <option value="91">91:89</option> <option value="92">92:90</option> <option value="93">93:91</option> <option value="94">94:92</option> <option value="95">95:93</option> <option value="96">96:94</option> <option value="97">97:95</option> <option value="98">98:96</option> <option value="99">99:97</option> <option value="100">100:98</option> <option value="101">101:99</option> <option value="102">102:100</option> <option value="103">103:101</option> <option value="104">104:102</option> <option value="105">105:103</option> <option value="106">106:104</option> <option value="107">107:105</option> <option value="108">108:106</option> <option value="109">109:107</option> <option value="110">110:108</option> <option value="111">111:109</option> <option value="112">112:110</option> <option value="113">113:111</option> <option value="114">114:112</option> <option value="115">115:113</option> <option value="116">116:114</option> <option value="117">117:115</option> <option value="118">118:116</option> <option value="119">119:117</option> <option value="120">120:118</option> <option value="121">121:119</option> <option value="122">122:120</option> <option value="123">123:121</option> <option value="124">124:122</option> <option value="125">125:123</option> <option value="126">126:124</option> <option value="127">127:125</option> <option value="128">128:126</option> <option value="129">129:127</option> <option value="130">130:128</option> <option value="131">131:129</option> <option value="132">132:130</option> <option value="133">133:131</option> <option value="134">134:132</option> <option value="135">135:133</option> <option value="136">136:134</option> <option value="137">137:135</option> <option value="138">138:136</option> <option value="139">139:137</option> <option value="140">140:138</option> <option value="141">141:139</option> <option value="142">142:140</option> <option value="143">143:141</option> <option value="144">144:142</option> <option value="145">145:143</option> <option value="146">146:144</option> <option value="147">147:145</option> <option value="148">148:146</option> <option value="149">149:147</option> <option value="150">150:148</option> <option value="151">151:149</option> <option value="152">152:150</option> <option value="153">153:151</option> <option value="154">154:152</option> <option value="155">155:153</option> <option value="156">156:154</option> <option value="157">157:155</option> <option value="158">158:156</option> <option value="159">159:157</option> <option value="160">160:158</option> <option value="161">161:159</option> <option value="162">162:160</option> <option value="163">163:161</option> <option value="164">164:162</option> <option value="165">165:163</option> <option value="166">166:164</option> <option value="167">167:165</option> <option value="168">168:166</option> <option value="169">169:167</option> <option value="170">170:168</option> <option value="171">171:169</option> <option value="172">172:170</option> <option value="173">173:171</option> <option value="174">174:172</option> <option value="175">175:173</option> <option value="176">176:174</option> <option value="177">177:175</option> <option value="178">178:176</option> <option value="179">179:177</option> <option value="180">180:178</option> <option value="181">181:179</option> <option value="182">182:180</option> <option value="183">183:181</option> <option value="184">184:182</option> <option value="185">185:183</option> <option value="186">186:184</option> <option value="187">187:185</option> <option value="188">188:186</option> <option value="189">189:187</option> <option value="190">190:188</option> <option value="191">191:189</option> <option value="192">192:190</option> <option value="193">193:191</option> <option value="194">194:192</option> <option value="195">195:193</option> <option value="196">196:194</option> <option value="197">197:195</option> <option value="198">198:196</option> <option value="199">199:197</option> <option value="200">200:198</option> <option value="201">201:199</option> <option value="202">202:200</option> <option value="203">203:201</option> <option value="204">204:202</option> <option value="205">205:203</option> <option value="206">206:204</option> <option value="207">207:205</option> <option value="208">208:206</option> <option value="209">209:207</option> <option value="210">210:208</option> <option value="211">211:209</option> <option value="212">212:210</option> <option value="213">213:211</option> <option value="214">214:212</option> <option value="215">215:213</option> <option value="216">216:214</option> <option value="217">217:215</option> <option value="218">218:216</option> <option value="219">219:217</option> <option value="220">220:218</option> <option value="221">221:219</option> <option value="222">222:220</option> <option value="223">223:221</option> <option value="224">224:222</option> <option value="225">225:223</option> <option value="226">226:224</option> <option value="227">227:225</option> <option value="228">228:226</option> <option value="229">229:227</option> <option value="230">230:228</option> <option value="231">231:229</option> <option value="232">232:230</option> <option value="233">233:231</option> <option value="234">234:232</option> <option value="235">235:233</option> <option value="236">236:234</option> <option value="237">237:235</option> <option value="238">238:236</option> <option value="239">239:237</option> <option value="240">240:238</option> <option value="241">241:239</option> <option value="242">242:240</option> <option value="243">243:241</option> <option value="244">244:242</option> <option value="245">245:243</option> <option value="246">246:244</option> <option value="247">247:245</option> <option value="248">248:246</option> <option value="249">249:247</option> <option value="250">250:248</option> <option value="251">251:249</option> <option value="252">252:250</option> <option value="253">253:251</option> <option value="254">254:252</option> <option value="255">255:253</option> <option value="256">256:254</option> <option value="257">257:255</option> <option value="258">258:256</option> <option value="259">259:257</option> <option value="260">260:258</option> <option value="261">261:259</option> <option value="262">262:260</option> <option value="263">263:261</option> <option value="264">264:262</option> <option value="265">265:263</option> <option value="266">266:264</option> <option value="267">267:265</option> <option value="268">268:266</option> <option value="269">269:267</option> <option value="270">270:268</option> <option value="271">271:269</option> <option value="272">272:270</option> <option value="273">273:271</option> <option value="274">274:272</option> <option value="275">275:273</option> <option value="276">276:274</option> <option value="277">277:275</option> <option value="278">278:276</option> <option value="279">279:277</option> <option value="280">280:278</option> <option value="281">281:279</option> <option value="282">282:280</option> <option value="283">283:281</option> <option value="284">284:282</option> <option value="285">285:283</option> <option value="286">286:284</option> <option value="287">287:285</option> <option value="288">288:286</option> <option value="289">289:287</option> <option value="290">290:288</option> <option value="291">291:289</option> <option value="292">292:290</option> <option value="293">293:291</option> <option value="294">294:292</option> <option value="295">295:293</option> <option value="296">296:294</option> <option value="297">297:295</option> <option value="298">298:296</option> <option value="299">299:297</option> <option value="300">300:298</option> <option value="301">301:299</option> <option value="302">302:300</option> <option value="303">303:301</option> <option value="304">304:302</option> <option value="305">305:303</option> <option value="306">306:304</option> <option value="307">307:305</option> <option value="308">308:306</option> <option value="309">309:307</option> <option value="310">310:308</option> <option value="311">311:309</option> <option value="312">312:310</option> <option value="313">313:311</option> <option value="314">314:312</option> <option value="315">315:313</option> <option value="316">316:314</option> </select> </div> </li> <script> $("#j_idt71\\:pageDropdown").on("change", e => { let urlBase = "https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/" let pageNo = $(e.target).val(); location.href = urlBase + pageNo + "/"; }) </script> <li class="image-controls__action forward "><a href="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/2/" title="N盲chstes Bild" data-toggle="tooltip" aria-labelledby="nextImgLabel" data-placement="bottom"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path d="M42.125 28.875l-7.625-9h6l10 12-9.875 12.5h-6.125l7.688-9.5h-28.188v-6h28.125z"></path> </svg> <span id="nextImgLabel" class="labeltext">N盲chstes Bild</span></a> </li> <li class="image-controls__action end "><a href="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/316/" title="Letztes Bild" data-toggle="tooltip" aria-labelledby="lastImgLabel" data-placement="bottom"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path d="M38 29l-7.625-9h6l10 12-9.875 12.5h-6.125l7.75-9.5h-28.25v-6h28.125zM53.375 44.5h-6v-24.5h6v24.5z"></path> </svg> <span id="lastImgLabel" class="labeltext">Letztes Bild</span></a> </li> <li class="image-controls__action double-page-view"><a href="#" title="Doppelseitenansicht" onclick="mojarra.jsfcljs(document.getElementById('j_idt71:imageControlsForm'),{'j_idt71:j_idt205':'j_idt71:j_idt205'},'');return false" data-toggle="tooltip" data-placement="bottom" aria-label="Doppelseitenansicht"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path d="M0 0v64h31.938v-64h-31.938zM30.75 60.75h-26.938v-57.563h26.938v57.563zM6.438 16h21.438v2.938h-21.438v-2.938zM6.438 30.25h21.438v2.938h-21.438v-2.938zM6.438 44.125h21.438v2.938h-21.438v-2.938zM31.938 0v64h31.938v-64h-31.938zM33.188 3.188h26.875v57.563h-26.875v-57.563zM57.438 18.938h-21.438v-2.938h21.438v2.938zM57.438 33.188h-21.438v-2.938h21.438v2.938zM57.438 47.063h-21.438v-2.938h21.438v2.938z"></path> </svg> <span class="labeltext">Doppelseitenansicht</span></a> </li> <li class="image-controls__action rotate-left"> <button type="button" class="btn btn--clear" data-toggle="tooltip" data-placement="bottom" title="Nach links rotieren" tabindex="0" aria-label="Nach links rotieren"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path d="M27.625 13.875h-6v28.25l-9.5-7.75v6.125l12.5 9.875 12-10v-6l-9 7.625v-22.125h24.5v-6h-24.5z"></path> </svg> <span class="labeltext">Nach links rotieren</span> </button> </li> <li class="image-controls__action rotate-right"> <button type="button" class="btn btn--clear" data-toggle="tooltip" data-placement="bottom" title="Nach rechts rotieren" tabindex="0" aria-label="Nach rechts rotieren"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path d="M36.125 13.875h6v28.25l9.5-7.75v6.125l-12.5 9.875-12-10v-6l9 7.625v-22.125h-24.5v-6h24.5z"></path> </svg> <span class="labeltext">Nach rechts rotieren</span> </button> </li> <li class="image-controls__action reset"> <button type="button" class="btn btn--clear" data-toggle="tooltip" data-placement="bottom" title="Neuladen in Standardansicht" tabindex="0" aria-label="Neuladen in Standardansicht"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path d="M13.938 14v6h30.563v24.5h-24.563v-12.5h4.313l-7.188-7.25h-0.063l-7.188 7.25h4.125v18.5h36.563v-36.5h-36.563z"></path> </svg> <span class="labeltext">Neuladen in Standardansicht</span> </button> </li> <li class="image-controls__action zoom-slider-wrapper"> <input type="range" min="0" max="1" value="0" step="0.01" class="slider zoom-slider" aria-label="Ansicht vergr枚脽ern und verkleinern" /> </li> </ul> </div> <div class="image-controls__options"> <ul> <li class="image-controls__option share-image-region"> <a role="button" title="Bildausschnitt teilen" data-toggle="tooltip" data-placement="top" data-popover-element="#share-image-area-popup" aria-label="Bildausschnitt teilen"> <i class="fa fa-crop" aria-hidden="true"></i> </a> </li> <li class="image-controls__option image-filter"> <button type="button" class="btn btn--icon" disabled="disabled" data-popover-element="#imageFilterPopover" data-popover-dismiss="click-outside" aria-label="Werkzeuge zur Bildmanipulation"> <i class="fa fa-wrench" aria-hidden="true" data-toggle="tooltip" title="Werkzeuge nicht verf眉gbar"> </i> </button> </li> </ul> </div><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:0" value="1028975956700413408:-4775359348291404592" autocomplete="off" /> </form> </nav> <div class="fullscreen__header-controls__options"> <button class="btn btn--clean" title="Seitenvorschau anzeigen" data-show="thumbs" data-toggle="tooltip" data-placement="bottom" aria-label="Seitenvorschau anzeigen"> <span class="header-controls__options-thumbs-symbol"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="84" viewBox="0 0 64 84"> <g id="Gruppe_13" data-name="Gruppe 13" transform="translate(-966 -621)"> <g id="Rechteck_5" data-name="Rechteck 5" transform="translate(966 621)" fill="none" stroke-width="5"> <rect width="30" height="40" stroke="none"></rect> <rect x="2.5" y="2.5" width="25" height="35" fill="none"></rect> </g> <g id="Rechteck_8" data-name="Rechteck 8" transform="translate(1000 621)" fill="none" stroke-width="5"> <rect width="30" height="40" stroke="none"></rect> <rect x="2.5" y="2.5" width="25" height="35" fill="none"></rect> </g> <g id="Rechteck_6" data-name="Rechteck 6" transform="translate(966 665)" fill="none" stroke-width="5"> <rect width="30" height="40" stroke="none"></rect> <rect x="2.5" y="2.5" width="25" height="35" fill="none"></rect> </g> <g id="Rechteck_7" data-name="Rechteck 7" transform="translate(1000 665)" fill="none" stroke-width="5"> <rect width="30" height="40" stroke="none"></rect> <rect x="2.5" y="2.5" width="25" height="35" fill="none"></rect> </g> </g> </svg></span> <span class="header-controls__options-close-symbol"><svg xmlns="http://www.w3.org/2000/svg" width="83.58" height="83.579" viewBox="0 0 83.58 83.579"> <g id="Gruppe_14" data-name="Gruppe 14" transform="translate(-1110.672 -485.766)"> <path id="Pfad_6" data-name="Pfad 6" d="M40.26,78.523,119.825,0" transform="translate(1113.949 607.85) rotate(-90)" fill="none" stroke-width="5"></path> <path id="Pfad_7" data-name="Pfad 7" d="M40.26,78.523,119.825,0" transform="translate(1072.168 487.546)" fill="none" stroke-width="5"></path> </g> </svg></span> </button> </div> </div> <div class="fullscreen__header-exit"><a href="/" title="Vollbild verlassen" data-toggle="tooltip" data-placement="bottom" data-js="exit-fullscreen" aria-label="Vollbild verlassen"><svg xmlns="http://www.w3.org/2000/svg" width="82.986" height="83.889" viewBox="0 0 82.986 83.889"> <g id="Gruppe_25" data-name="Gruppe 25" transform="translate(-897.758 -377.611)"> <path id="Pfad_4" data-name="Pfad 4" d="M811.24,704H734.258V625.112l76.982.015" transform="translate(166 -245)" fill="none" stroke-width="5"></path> <g id="Gruppe_22" data-name="Gruppe 22" transform="translate(11.825 -143)"> <path id="Pfad_8" data-name="Pfad 8" d="M0,0,11.325,10.777,22.245,0" transform="translate(954.661 573.269) rotate(-90)" fill="none" stroke-width="5"></path> <line id="Linie_5" data-name="Linie 5" x2="49.175" transform="translate(913.5 562.5)" fill="none" stroke-width="5"></line> </g> </g> </svg></a> </div> </header> <main id="fullscreenViewImage" class="fullscreen__view-image"> <div class="fullscreen__view-image-inner"> <div id="imageContainer" class="view-object__image"> <div id="imageMap" class="view-object__image-map" data-allow-download="true"></div> <div id="imageContainerMobileOverlay" class="view-object__image-mobile-overlay"></div> </div> <popover id="share-image-area-popup"> <div class="share-image-area"> <div class="share-image-area__instructions">W盲hlen Sie mit der Maus den Bildbereich, den Sie teilen m枚chten.</div> <div class="share-image-area__links"> <div>Bitte w盲hlen Sie aus, welche Information mit einem Klick auf den Link in die Zwischenablage kopiert werden soll:</div> <ul> <li> <a data-copy-done-msg="In Zwischenablage kopiert" data-copy-share-image="image-region-page" title="Link kopieren">Link zur Seite mit Hinweisbox im Bild</a> </li> <li> <a data-copy-share-image="image-region-image" data-copy-done-msg="In Zwischenablage kopiert" title="Link kopieren">Link zu einem IIIF Bildfragment</a> </li> </ul> </div> <div class="share-image-area__controls"> <button type="button" data-popover="close" class="btn btn--full">Fenster schlie脽en</button> </div> </div> </popover> <popover id="imageFilterPopover"> <imageFilters></imageFilters> </popover> <script type="text/javascript" src="/resources/javascript/libs/openseadragon/openseadragon.min.js"></script> <script type="text/javascript" src="/resources/javascript/libs/openseadragon/openseadragon-viewerinputhook.js"></script> <script type="text/javascript" src="/resources/javascript/dist/imageView.min.js"></script> <script type="text/javascript"> //<![CDATA[ var imageMap = $( "#imageMap" ); var access = true; var accessDeniedMessage = $( "<div />" ).addClass( "view-object__access-denied" ).html( '<img src="JAN_WAS_HERE" />' ); var page = "fullscreen"; var allowZoom = true; var configViewer = { global: { divId: "imageMap", bottomMargin: () => 50, adaptContainerHeight: true, persistZoom: false, persistRotation: false, persistenceId: "1670331278168" + "_" + "fullscreen", maxZoomLevel: 5, zoomSpeed: allowZoom ? 1.25 : 1, zoomSlider: allowZoom ? '.zoom-slider' : '', navigator: { show: false }, controls : { rotateLeft: '.rotate-left', rotateRight: '.rotate-right', reset: '.reset', }, overlayGroups: [ { name: "searchHighlighting", styleClass: "coords-highlighting", interactive: false }, { name: "ugc", styleClass: "ugcBox", interactive: true, }, { name: "annotations", styleClass: "image-fragment", interactive: true }], }, image: { mimeType: "image/jpeg", tileSource : 'https://digishelf.de/api/v1/records/H188_200_Jahre_Christianeum_digital/files/images/Image00003.tif/info.json?pageType=viewFullscreen', baseFooterUrl : "https://digishelf.de/api/v1/records/-/files/footer/-/full/max/0/default.jpg?watermarkText=https://digishelf.de/api/v1//objekt/H188_200_Jahre_Christianeum_digital/1/", highlightCoords: [ { name: "searchHighlighting", coordinates: [], displayTooltip: false, pageIndex : 0, }, { name: "ugc", coordinates: (function(coords){ return coords ? coords: []; })([]), displayTooltip: true }, { name: "annotations", coordinates: window.location.hash, displayTooltip: false } ] } }; var imageFilterConfig = { filters : { brightness: { label: "Helligkeit" }, contrast: { label: "Kontrast" }, saturate: { label: "S盲ttigung" }, grayscale: { label: "Graustufen" }, threshold: { label: "Bitonal" }, blur: { label: "Verwischen", visible: false }, sharpen: { label: "Sch盲rfen" }, invert: { label: "Farben invertieren" }, hue: { label: "F盲rbung" } }, messages: { clearAll: "Alle zur眉cksetzen" } }; var pageAreaConfig = { areas : [], currentLogId : "LOG_0000" } // check for fullscreen and change container height if ( configViewer && $( '#fullscreen' ).length > 0 ) { configViewer.global.adaptContainerHeight = false; configViewer.global.topMargin = () => { var $header = $('#fullscreenHeader'); if($header.is(":visible")) { return $header.height(); } else { return 0; } } configViewer.global.rightMargin = () => { var $sidebar = $('#fullscreenViewSidebar'); if(parseInt($sidebar.css("right")) < 0) { return 0; } else { return $sidebar.width(); } } } // desktop object view if ( access && configViewer) { var viewImage = new ImageView.Image( configViewer ) viewImage.load().then( function( image ) { $(".openseadragon-canvas").get(0).focus = () => { //prevent focus on os-div to avoid scrolling down on click } let shareImageFragment = new viewerJS.ShareImageFragment(image); shareImageFragment.initImageFragmentLinks(); } ).catch( function( error ) { console.error( "viewObject.xhtml - viewImage.init: Error opening image", error ); if(imageMap.lenth > 0) { imageMap.get(0).innerHTML = viewerJS.helper.renderAlert( "alert-danger", "Kein Bild verf眉gbar: " + error, false ); } // reload image footer in fullscreen if ( page === "fullscreen" ) { $( window ).on( "resize orientationchange", function() { viewImage.loadFooter(); } ); } } ); } else { imageMap.append( accessDeniedMessage ); } // mobile overlay if ( window.matchMedia( '(max-width: 768px)' ).matches && page !== 'fullscreen' ) { $( "#imageContainerMobileOverlay" ).show(); } if(viewImage) { if(viewImage.config.global.navigator.show) { viewImage.observables.viewerOpen.subscribe(() => { viewImage.viewer.navigator.element.style.marginBottom = (configViewer.global.bottomMargin()-5) + "px"; }); } //init image filter tools viewImage.observables.viewportUpdate.pipe(RxOp.first()).subscribe( () => { let originClean = viewImage.isOriginClean(); if(originClean) { $(".image-controls__option.image-filter button").prop('disabled', false); $(".image-controls__option.image-filter button i").tooltip("disable"); $(".image-controls__option.image-filter button") .attr('title', "Werkzeuge zur Bildmanipulation") .tooltip('_fixTitle'); riot.mount("imageFilters", { image: viewImage, config: imageFilterConfig }); } }); //init page areas function drawPageAreas(config, imageView) { let styles = viewerJS.helper.getCss("page-area", ['borderTopColor', 'borderTopWidth', 'background-color']); let style = { borderWidth: styles["borderTopWidth"], borderColor: styles["borderTopColor"], fillColor: styles["background-color"] } let activeStyles = viewerJS.helper.getCss("page-area focus", ['borderTopColor', 'borderTopWidth', 'background-color']); let activeStyle = { borderWidth: parseInt(activeStyles["borderTopWidth"]), borderColor: activeStyles["borderTopColor"], fillColor: activeStyles["background-color"] } imageView.viewer.addHandler("canvas-press", () => { imageView.dragging = false; }) imageView.viewer.addHandler("canvas-drag", () => { imageView.dragging = true; }) let activeAreas = config.areas.filter(a => a.logId === config.currentLogId); if(activeAreas.length > 0) { //drawActiveAreas(activeAreas, imageView); initAreaClick(imageView, activeAreas); } else { let inactiveAreas = config.areas.filter(a => a.logId !== config.currentLogId); let inactiveLogIds = inactiveAreas.map(a => a.logId).filter((v, i, a) => a.indexOf(v) === i); //last filter to make logIds unique inactiveLogIds.forEach(logId => { let logIdAreas = config.areas.filter(a => a.logId === logId); logIdAreas.forEach( (area, index) => drawArea(area, index, imageView)); }) initAreaClick(imageView, inactiveAreas); } } function drawActiveAreas(activeAreas, imageView) { let areasOnCanvas = []; activeAreas.forEach((activeArea, index) => { let rect = ImageView.CoordinateConversion.convertToOpenSeadragonObject(activeArea.coords); rect = ImageView.CoordinateConversion.scaleToOpenSeadragon(rect, imageView.viewer, imageView.getOriginalImageSize()); areasOnCanvas.push(rect); drawArea(activeArea, index, imageView); let scrollPosition = window.sessionStorage.getItem("scrollPosition"); $(document).scrollTop(parseInt(scrollPosition)); window.sessionStorage.removeItem("scrollPosition"); }) let shadow = new ImageView.Tools.Filter.HighlightArea(imageView, 0.5, areasOnCanvas, true); shadow.start(); } function initAreaClick(imageView, areas) { if(areas.length > 0) { let $area = $(".page-area.active"); let url = areas[0].url.replace("/" + areas[0].logId, ""); $(imageView.viewer.canvas).css("cursor", "pointer"); imageView.viewer.addHandler("canvas-release", () => { if(!imageView.dragging) { let $target = $(event.target); if($target.filter($area).length == 0) { window.location.href = url; } } }) areas.forEach((area) => { let $area = $(".page-area:not(.active)[id^=pageAreaFrame_"+area.logId+"_]"); $area.on("click", () => { if(!imageView.dragging) { window.sessionStorage.setItem("scrollPosition", $(document).scrollTop()); window.location.href = area.url; } }); }); } } function drawArea(area, shapeIndex, imageView, clickToLeave) { let rect = ImageView.CoordinateConversion.convertToOpenSeadragonObject(area.coords); rect = ImageView.CoordinateConversion.scaleToOpenSeadragon(rect, imageView.viewer, imageView.getOriginalImageSize()); let $area = $("#pageAreaFrame_" + area.logId + "_" + shapeIndex); let $label = $("#pageAreaLabel_" + area.logId + "_" + shapeIndex); let overlay = new ImageView.Overlay({ rect: rect, viewer: imageView.viewer, rotateWithImage: true, element: $area.get(0), label: $label.get(0) }); overlay.draw(); $area.hover( () => $label.addClass("hover"), () => $label.removeClass("hover") ); } viewImage.observables.viewportUpdate.pipe(RxOp.first()).subscribe( () => { let originClean = viewImage.isOriginClean(); if(originClean) { drawPageAreas(pageAreaConfig, viewImage); } highlightUGC(); enableGeoMapHighlighting(); }) } else { //image not reachable or access denied } function enableGeoMapHighlighting() { let mapFeatureMap = new Map(); viewImage.overlays?.getOverlays().forEach(imageArea => { let id = imageArea.id; let mapMarker = viewerJS.GeoMap.maps.get('widget_geoMap_').layers.flatMap(l => l.markers) .find(marker => marker.feature?.properties?.documentId == id); //highlight image overlay on hover over map marker with same annotation id if(mapMarker) { mapMarker.on("mouseover", e => imageArea.element.focus(true)); mapMarker.on("mouseout", e => imageArea.element.focus(false)); mapFeatureMap.set(imageArea, mapMarker); } }); //highlight map marker when hovering over image overlay with same annotation id viewImage.overlays?.onFocus((overlay, focus) => { let marker = mapFeatureMap.get(overlay); if(focus) { marker?.feature?.layer?.highlightMarker(marker); } else { marker?.feature?.layer?.highlightMarker(); } }) } // Focus UGC function highlightUGC() { var hash = window.location.hash; if(hash && hash.startsWith("#ugc=")) { let ugcId = hash.substring(5); if($('#viewObject').length) { $("html, body").scrollTop($('#viewObject').offset().top - 40); } if(viewImage && viewImage.overlays) { let widgetTitle = $("#widgetAnnotations").find(".widget__title.collapseable"); if(widgetTitle.length > 0 && !widgetTitle.hasClass("in")) { widgetTitle.toggleClass('in').next().slideToggle('fast'); } $("#words-" + ugcId).addClass("ugc-highlight"); viewImage.overlays.focusBox("ugc", ugcId); } } } //]]> </script><div class="fullscreen__view-image-thumbs-wrapper -ltr"> <fsThumbnails></fsThumbnails></div> <div id="viewSidebarOpen" class="fullscreen__view-sidebar-open"> <button class="btn btn--clean" data-open="fs-sidebar" tabindex="-1"> <span>Beschreibung</span> </button> </div> </div> </main> <aside id="fullscreenViewSidebar" class="fullscreen__view-sidebar" tabindex="-1"> <div id="fullscreenSidebarPanelControls" class="fullscreen__view-sidebar-panel-controls"> <button class="btn btn--clean" data-close="all-tabs" title="Alle zuklappen" data-toggle="tooltip" data-placement="top" aria-label="Alle zuklappen"><svg xmlns="http://www.w3.org/2000/svg" width="116.785" height="116.785" viewBox="0 0 116.785 116.785"> <path id="Pfad_7" data-name="Pfad 7" d="M40.26,78.523,119.825,0" transform="translate(29.556 -25.968) rotate(45)" fill="none" stroke-width="7"></path> </svg> </button> <button class="btn btn--clean" data-open="all-tabs" title="Alle aufklappen" data-toggle="tooltip" data-placement="top" aria-label="Alle aufklappen"><svg xmlns="http://www.w3.org/2000/svg" width="116.785" height="118.199" viewBox="0 0 116.785 118.199"> <g id="Gruppe_24" data-name="Gruppe 24" transform="translate(-383.834 -1128.852) rotate(45)"> <path id="Pfad_6" data-name="Pfad 6" d="M40.26,78.523,119.825,0" transform="translate(1113.949 607.85) rotate(-90)" fill="none" stroke-width="7"></path> <path id="Pfad_7" data-name="Pfad 7" d="M40.26,78.523,119.825,0" transform="translate(1072.168 487.546)" fill="none" stroke-width="7"></path> </g> </svg> </button> </div> <div class="fullscreen__view-sidebar-inner"> <div class="fullscreen__view-sidebar-controls"> <button class="btn btn--clean" title="Ausblenden" data-close="fs-sidebar" data-toggle="tooltip" data-placement="right" aria-label="Ausblenden"></button> </div> <div class="fullscreen__view-sidebar-share"> </div> <div class="fullscreen__view-sidebar-work-title"> <h1>200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona</h1> </div> <div class="fullscreen__view-sidebar-search-in-current-item"> <div id="widgetSearchInCurrentItem" class="widget widget-search-in-current-item"> <form id="j_idt397:searchInCurrentItemForm" name="j_idt397:searchInCurrentItemForm" method="post" action="/objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" class="form-inline" enctype="application/x-www-form-urlencoded"> <input type="hidden" name="j_idt397:searchInCurrentItemForm" value="j_idt397:searchInCurrentItemForm" /> <div class="form-group"> <label for="searchInCurrentItemInput" id="searchInLabel" class="sr-only">Suche in</label> <div class="input-group"><input id="j_idt397:searchInCurrentItemInput" type="text" name="j_idt397:searchInCurrentItemInput" class="form-control" aria-labelledby="searchInLabel" placeholder="Suche in: 200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona" /> <div class="input-group-addon"><button type="submit" name="j_idt397:j_idt402" value="" class="btn" aria-label="Objektsuche"> <i class="fa fa-search"></i></button> </div> </div> </div><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:1" value="1028975956700413408:-4775359348291404592" autocomplete="off" /> </form> </div> </div> <div class="fullscreen__view-sidebar-accordeon"> <div id="panel-1" class="fullscreen__view-sidebar-accordeon-panel fs-metadata"> <h2 class="fullscreen__view-sidebar-accordeon-panel-title" tabindex="0"> <span>Bibliografische Daten</span> </h2> <div class="fullscreen__view-sidebar-accordeon-panel-body"> <div id="metadataElementWrapper" class="metadata"> <div class="metadata__title-wrapper"> <div id="title" class="title"> <div class="title__header"> <h1 class="h2"> <span class="title__header-page-type">fullscreen: </span> <span class="title__header-label">200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona</span> </h1> </div> </div> </div> <div class="metadata__element-wrapper"> <div class="metadata__wrapper -isBoxed"><div class="metadata__ungrouped-wrapper"> <dl class="dl-horizontal metadata__element-dl metadata__element-ungrouped"> <dt title="DOCSTRCT">Strukturtyp: </dt> <dd> <span class="metadata__element-value">Monografie </span> </dd> </dl></div><div class="metadata__ungrouped-wrapper"> <dl class="dl-horizontal metadata__element-dl metadata__element-ungrouped"> <dt title="DC">Sammlung: </dt> <dd> <span class="metadata__element-value">Christianeum Hamburg - Schularchiv </span> </dd> </dl></div><div class="metadata__ungrouped-wrapper"> <dl class="dl-horizontal metadata__element-dl metadata__element-ungrouped"> <dt title="MD_TITLE">Titel: </dt> <dd> <span class="metadata__element-value">200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona </span> </dd> </dl></div><div class="metadata__ungrouped-wrapper"> <dl class="dl-horizontal metadata__element-dl metadata__element-ungrouped"> <dt title="MD_SUBTITLE">Untertitel: </dt> <dd> <span class="metadata__element-value">1738 - 1938 </span> </dd> </dl></div><div class="metadata__ungrouped-wrapper"> <dl class="dl-horizontal metadata__element-dl metadata__element-ungrouped"> <dt title="MD_PLACEPUBLISH">Publikationsort: </dt> <dd> <span class="metadata__element-value">Hamburg </span> </dd> </dl></div><div class="metadata__ungrouped-wrapper"> <dl class="dl-horizontal metadata__element-dl metadata__element-ungrouped"> <dt title="MD_YEARPUBLISH">Ver枚ffentlichungsjahr: </dt> <dd> <span class="metadata__element-value">1938 </span> </dd> </dl></div><div class="metadata__ungrouped-wrapper"> <dl class="dl-horizontal metadata__element-dl metadata__element-ungrouped"> <dt title="MD_PUBLISHER">Verlag: </dt> <dd> <span class="metadata__element-value">Hanseat. Verl.-Anst. </span> </dd> </dl></div><div class="metadata__ungrouped-wrapper"> <dl class="dl-horizontal metadata__element-dl metadata__element-ungrouped"> <dt title="MD_PHYSICALDESCRIPTIONEXTENT">Gr枚脽e der Vorlage: </dt> <dd> <span class="metadata__element-value">310 Seiten </span> </dd> </dl></div> </div> <h2 class="metadata__elements-h2"> </h2> <div class="metadata__wrapper -isBoxed"><div class="metadata__ungrouped-wrapper"> <dl class="dl-horizontal metadata__element-dl metadata__element-ungrouped"> <dt title="MD_PHYSICAL_LOCATION">Physikalischer Standort: </dt> <dd> <span class="metadata__element-value">Verbundzentrale des GBV (VZG), Göttingen </span> </dd> </dl></div><div class="metadata__ungrouped-wrapper"> <dl class="dl-horizontal metadata__element-dl metadata__element-ungrouped"> <dt title="MD_PURL">Persistente Url: </dt> <dd> <span class="metadata__element-value">https://www.digishelf.de/piresolver?id=H188_200_Jahre_Christianeum_digital </span> </dd> </dl></div> </div> </div> </div> <div class="clearfix"></div> </div> </div> <div id="panel-2" class="fullscreen__view-sidebar-accordeon-panel fs-toc"> <h3 class="fullscreen__view-sidebar-accordeon-panel-title" tabindex="0"> <span>Inhaltsverzeichnis</span> </h3> <div class="fullscreen__view-sidebar-accordeon-panel-body"> <div id="widgetToc" class="widget widget-toc"> <div class="widget-toc__overlay"></div> <form id="j_idt2008:widgetTocForm" name="j_idt2008:widgetTocForm" method="post" action="/objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" enctype="application/x-www-form-urlencoded"> <input type="hidden" name="j_idt2008:widgetTocForm" value="j_idt2008:widgetTocForm" /> <div class="widget-toc__title"> <h2>Inhalt</h2> <div class="widget-toc__title-expand"> <div class="widget-toc__loader"></div><a id="j_idt2008:j_idt2014" href="#" title="Alle zuklappen" onclick="mojarra.ab(this,event,'action',0,'j_idt2008:widgetTocForm');return false" class="btn btn--clean" data-toggle="tooltip" role="button" data-placement="top" aria-label="Alle zuklappen"> <i class="fa fa-minus-square-o" aria-hidden="true"></i></a><a id="j_idt2008:j_idt2016" href="#" title="Alle aufklappen" onclick="mojarra.ab(this,event,'action',0,'j_idt2008:widgetTocForm');return false" class="btn btn--clean" data-toggle="tooltip" role="button" data-placement="top" aria-label="Alle aufklappen"> <i class="fa fa-plus-square-o" aria-hidden="true"></i></a> </div> </div> <div class="widget-toc__elements"> <ul> <li class="widget-toc__element parent active" data-iddoc="iddoc_1670331278168" style="margin-left: 0px"> <div class="widget-toc__element-expand"><a id="j_idt2008:j_idt2023:0:j_idt2024:0:j_idt2032" href="#" onclick="mojarra.ab(this,event,'action',0,'@form');return false" class="btn btn--clean" role="button" aria-label="Alle zuklappen"> <i class="fa fa-minus-square-o" aria-hidden="true"></i></a> </div> <div class="widget-toc__element-link active"><a href="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" title="200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona" class="active" aria-label="Inhalt: 200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona, LOG_0000"> 200 Jahre Christianeum zu Altona : Festschrift zur Zweihundertjahrfeier des Christianeums in Hamburg-Altona </a> </div> </li> <li class="widget-toc__element child " data-iddoc="iddoc_1670331278485" style="margin-left: 15px"> <div class="widget-toc__element-link "><a href="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/3/LOG_0001/" title="Titelseite" class="" aria-label="Inhalt: Titelseite, LOG_0001"> Titelseite </a> </div> </li> </ul> </div><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:2" value="1028975956700413408:-4775359348291404592" autocomplete="off" /> </form> </div> <script type="text/javascript"> viewerJS.widgetToc.init(); </script> </div> </div> <div id="panel-4" class="fullscreen__view-sidebar-accordeon-panel fs-downloads"> <h3 class="fullscreen__view-sidebar-accordeon-panel-title" tabindex="0"> <span>Zitieren und Nachnutzen</span> </h3> <div class="fullscreen__view-sidebar-accordeon-panel-body"> <div id="widgetUsage" class="widget widget-usage"> <div class="widget-usage__topbar"> <h2 tabindex="0" role="button" class="widget__title collapseable"> <span>Zitieren und Nachnutzen</span> <i class="fa fa-angle-down" aria-hidden="true"></i> </h2> </div> <div class="widget__body collapseable"> <p id="introductionText" class="widget-usage__license-text">Hier finden Sie Downloadm枚glichkeiten und Zitierlinks zum Werk und aktuellem Bild. </p> <h3 id="titleWork" class="widget-usage__subtitle">Monografie</h3> <div class="widget-usage__work-downloads"> <a href="https://digishelf.de/sourcefile?id=H188_200_Jahre_Christianeum_digital" id="lidomets" class="badge badge-dark widget-usage__work-download-lido-mets" title="METS-Datei des Werkes" data-toggle="tooltip" data-placement="top" data-trigger="hover" target="_blank" rel="nofollow noopener" aria-label="Monografie: METS"> METS </a> <a id="marc" href="https://digishelf.de/oai?verb=GetRecord&metadataPrefix=marcxml&identifier=H188_200_Jahre_Christianeum_digital" class="badge badge-dark widget-usage__work-download-oai-marc" title="MARC XML Datensatz in OAI Schnittstelle" data-toggle="tooltip" data-placement="top" data-trigger="hover" target="_blank" rel="nofollow noopener" aria-label="Monografie: MARC XML"> MARC XML </a> <a id="dc" href="https://digishelf.de/oai?verb=GetRecord&metadataPrefix=oai_dc&identifier=H188_200_Jahre_Christianeum_digital" class="badge badge-dark widget-usage__work-download-oai-dc" title="Dublin Core Datensatz in OAI Schnittstelle" data-toggle="tooltip" data-placement="top" data-trigger="hover" target="_blank" rel="nofollow noopener" aria-label="Monografie: Dublin Core"> Dublin Core </a> <a href="https://digishelf.de/api/v1/records/H188_200_Jahre_Christianeum_digital/ris/" id="ris" class="badge badge-dark widget-usage__work-download-ris" title="RIS" data-toggle="tooltip" data-placement="top" data-trigger="hover" rel="nofollow" aria-label="Monografie: RIS"> RIS </a> <button id="iiifManifest" class="badge badge-dark widget-usage__work-download-iiif" data-copy-value="https://digishelf.de/api/v1/records/H188_200_Jahre_Christianeum_digital/manifest/" data-copy-done-msg="In Zwischenablage kopiert" title="URL kopieren" aria-label="Monografie: IIIF Manifest" tabindex="0"> IIIF Manifest </button> <a href="/mirador/?pi=H188_200_Jahre_Christianeum_digital&page=1" id="mirador" class="badge badge-dark widget-usage__work-link-mirador-viewer" title="Das Werk in einem Mirador in neuem Tab 枚ffnen" data-toggle="tooltip" data-placement="top" data-trigger="hover" target="_blank" rel="nofollow noopener" aria-label="Monografie: Mirador"> Mirador </a> <a href="https://digishelf.de/api/v1/records/H188_200_Jahre_Christianeum_digital/pdf/" id="pdfWork" class="badge badge-dark widget-usage__work-download-pdf" title="Gesamtes Werk als PDF-Datei herunterladen" data-toggle="tooltip" data-placement="top" data-trigger="hover" target="_blank" rel="nofollow noopener" aria-label="Monografie: PDF"> <i class="fa fa-file-pdf-o" aria-hidden="true"></i> PDF</a> <a href="https://dfg-viewer.de/show?set[mets]=https%3A%2F%2Fdigishelf.de%2Fsourcefile%3Fid%3DH188_200_Jahre_Christianeum_digital&set[image]=1" id="dfgViewer" class="badge badge-dark widget-usage__work-link-dfg-viewer" title="DFG-Viewer" data-toggle="tooltip" data-placement="top" data-trigger="hover" target="_blank" rel="nofollow noopener" aria-label="Monografie: DFG-Viewer"> DFG-Viewer </a> <a href="https://gso.gbv.de/DB=2.1/PPN?PPN=H188_200_Jahre_Christianeum_digital" id="opac" class="badge badge-dark widget-usage__work-link-opac" title="OPAC" data-toggle="tooltip" data-placement="top" data-trigger="hover" target="_blank" rel="nofollow noopener" aria-label="Monografie: OPAC"> OPAC </a> <form id="j_idt2228:j_idt2236:titleBodyForm" name="j_idt2228:j_idt2236:titleBodyForm" method="post" action="/objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" class="d-inline-flex" enctype="application/x-www-form-urlencoded"> <input type="hidden" name="j_idt2228:j_idt2236:titleBodyForm" value="j_idt2228:j_idt2236:titleBodyForm" /> <a id="j_idt2228:j_idt2236:tocDownload" href="#" title="Inhaltsverzeichnis als PDF-Datei herunterladen" onclick="mojarra.jsfcljs(document.getElementById('j_idt2228:j_idt2236:titleBodyForm'),{'j_idt2228:j_idt2236:tocDownload':'j_idt2228:j_idt2236:tocDownload'},'');return false" class="badge badge-dark widget-usage__work-download-toc" data-toggle="tooltip" data-placement="top" aria-label="Inhaltsverzeichnis als PDF-Datei herunterladen">TOC</a><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:3" value="1028975956700413408:-4775359348291404592" autocomplete="off" /> </form> </div> <h3 id="titleImage" class="widget-usage__subtitle">Bild</h3> <div class="widget-usage__page-downloads"> <a href="https://digishelf.de/api/v1/records/H188_200_Jahre_Christianeum_digital/files/images/Image00003.tif/full.pdf?divID=LOG_0000" id="pdfPage" class="badge badge-dark widget-usage__page-download-pdf" title="Aktuelles Bild als PDF-Datei herunterladen" data-toggle="tooltip" data-placement="top" data-trigger="hover" target="_blank" rel="nofollow noopener" aria-label="Bild: PDF"> <i class="fa fa-file-pdf-o" aria-hidden="true"></i> PDF </a><input id="j_idt2228:j_idt2303:downloadImageButton" type="submit" name="j_idt2228:j_idt2303:downloadImageButton" value="Download" title="Downloadoptionen" class="badge badge-dark widget-usage__page-download-jpeg" data-toggle="tooltip" data-popover-dismiss="click-outside" data-popover-element="#downloadImagePopover" data-placement="top" data-popover-placement="bottom" data-trigger="hover" /> <script> // FOCUS POPOVER AUTOMATICALLY - WCAG GUIDELINES - DIRTY FIX $('[data-popover-element="#downloadImagePopover"]').on('click', function () { setTimeout(function() { $('#downloadSelectSizes_0').focus()}, 50); }); </script> </div> <popover id="downloadImagePopover"><span id="j_idt2228:j_idt2303:downloadImageSizes"> <form id="j_idt2228:j_idt2303:j_idt2321" name="j_idt2228:j_idt2303:j_idt2321" method="post" action="/objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" class="widget-usage__download-image-size-form" enctype="application/x-www-form-urlencoded"> <input type="hidden" name="j_idt2228:j_idt2303:j_idt2321" value="j_idt2228:j_idt2303:j_idt2321" /> <fieldset> <div class="widget-usage__download-image-size-option-wrapper"> <input class="widget-usage__download-image-size-input" onclick="setDownloadOptionLabel({optionvalue: this.getAttribute('value')});" value="label__download_option_preview_150" name="downloadSelectSizes" type="radio" id="downloadSelectSizes_0" data-checked="true" /> <label for="downloadSelectSizes_0"> <span class="widget-usage__download-image-size-radio-label">Vorschau</span> <span class="widget-usage__download-image-size-radio-size">101脳150</span> <span class="widget-usage__download-image-size-radio-format">jpg</span> </label> </div> <div class="widget-usage__download-image-size-option-wrapper"> <input class="widget-usage__download-image-size-input" onclick="setDownloadOptionLabel({optionvalue: this.getAttribute('value')});" value="label__download_option_small_1024" name="downloadSelectSizes" type="radio" id="downloadSelectSizes_1" data-checked="false" /> <label for="downloadSelectSizes_1"> <span class="widget-usage__download-image-size-radio-label">Klein</span> <span class="widget-usage__download-image-size-radio-size">690脳1024</span> <span class="widget-usage__download-image-size-radio-format">jpg</span> </label> </div> <div class="widget-usage__download-image-size-option-wrapper"> <input class="widget-usage__download-image-size-input" onclick="setDownloadOptionLabel({optionvalue: this.getAttribute('value')});" value="Master" name="downloadSelectSizes" type="radio" id="downloadSelectSizes_2" data-checked="false" /> <label for="downloadSelectSizes_2"> <span class="widget-usage__download-image-size-radio-label">Master</span> <span class="widget-usage__download-image-size-radio-size">1341脳1991</span> <span class="widget-usage__download-image-size-radio-format">TIFF</span> </label> </div> </fieldset> <script> // SHOW LOADER AFTER SELECTING DIFFERENT IMAGE DOWNLOAD SIZE viewerJS.jsfAjax.begin.subscribe(() => { // console.log('begin'); $('[data-triggerjs="downloadImageButtonTrigger"]').click(function(event) { event.preventDefault(); }); $('[data-target="buttonLoader"]').fadeIn('fast'); $('[data-target="buttonLoaderClickEvent').css('opacity', '0.5'); $('[data-triggerjs="downloadImageButtonTrigger"]').addClass('-inactive'); }); viewerJS.jsfAjax.success.subscribe(() => { // console.log('success'); $('[data-triggerjs="downloadImageButtonTrigger"]').unbind('click').click(); $('[data-target="buttonLoader"]').fadeOut('fast'); $('[data-target="buttonLoaderClickEvent').css('opacity', '1'); $('[data-triggerjs="downloadImageButtonTrigger"]').removeClass('-inactive'); }); </script><span id="j_idt2228:j_idt2303:j_idt2321:j_idt2326"><script type="text/javascript">var setDownloadOptionLabel=function(o){var o=(typeof o==='object')&&o?o:{};mojarra.ab('j_idt2228:j_idt2303:j_idt2321:j_idt2326',null,'action',0,'j_idt2228:j_idt2303:j_idt2321:downloadPageLink',{'params':o})}</script></span> <div class="widget-usage__download-image-size-button-wrapper small-button-loader__wrapper"><a id="j_idt2228:j_idt2303:j_idt2321:downloadPageLink" name="j_idt2228:j_idt2303:j_idt2321:downloadPageLink" href="https://digishelf.de/api/v1/records/H188_200_Jahre_Christianeum_digital/files/images/Image00003.tif/full/!101,150/0/default.jpg?ignoreWatermark=false&watermarkText=https%3A%2F%2Fdigishelf.de%2Fapi%2Fv1%2F%2Fobjekt%2FH188_200_Jahre_Christianeum_digital%2F1%2F" rel="nofollow noopener" title="Herunterladen" target="_blank" class="btn btn--full widget-usage__download-image-size-button" data-triggerjs="downloadImageButtonTrigger" download="Image00003"> Herunterladen </a> <div class="small-button-loader__icon -top-right" data-target="buttonLoader"></div> </div><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:4" value="1028975956700413408:-4775359348291404592" autocomplete="off" /> </form></span> </popover> <div class="widget-usage__image-fragment__wrapper"> <h3 id="imgFragment" class="widget-usage__subtitle">Bildfragment</h3> <div class="widget-usage__image-fragment"> <a class="badge badge-dark widget-usage__image-fragment-page" id="imageFragmentPage" data-copy-share-image="image-region-page" data-copy-done-msg="In Zwischenablage kopiert" title="URL kopieren" aria-label="Bild: Link zur Seite mit Hinweisbox im Bild"> Link zur Seite mit Hinweisbox im Bild </a> <a class="badge badge-dark widget-usage__image-fragment-image" id="imageFragmentImage" data-copy-share-image="image-region-image" data-copy-done-msg="In Zwischenablage kopiert" title="URL kopieren" aria-label="Bild: Link zu einem IIIF Bildfragment"> Link zu einem IIIF Bildfragment </a> </div> </div> <h3 id="titleCiteLinks" class="widget-usage__subtitle">Zitierlinks</h3> <div class="widget-usage__citelinks"> <span data-toggle="modal" data-backdrop="false" data-focus="false" data-target="#citationLinksModal"> <button title="Verf眉gbare Zitierlinks anzeigen" data-toggle="tooltip" data-placement="top" data-trigger="hover" type="button" class="badge badge-dark widget-usage__open-modal" aria-label="Open Cite Links"> <span>Zitierlinks anzeigen</span> </button> </span> </div> <div class="modal fade" id="citationLinksModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered widget-usage__citelinks-box" role="document"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title">Zitierlinks</h1> <button type="button" class="fancy-close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">x</span> </button> </div> <div class="modal-body"> <div> <div class="widget-usage__citelinks-block"> <h3 id="titleWorkLinks" class="widget-usage__citelinks-subtitle">Monografie</h3> <div class="widget-usage__citelinks-info-text">Um dieses Werk zu zitieren, stehen die folgenden Varianten zur Verf眉gung:</div> <div class="widget-usage__citelinks-row -internal"> <div class="widget-usage__citelinks-internal">Hier kann eine Goobi viewer eigene URL kopiert werden:</div> <a id="citeLinkInternal" class="widget-usage__citelink-work widget-usage__citelinks-copy-to-clipboard" data-copy-value="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/1/" data-copy-done-msg="In Zwischenablage kopiert" title="URL kopieren" aria-label="Zitierlinks: URL kopieren"> <i class="fa fa-clipboard" aria-hidden="true"></i></a> </div> </div> <div class="widget-usage__citelinks-block"> <h3 id="titleImageModalCitation" class="widget-usage__citelinks-subtitle">Bild</h3> <div class="widget-usage__citelinks-info-text">Um dieses Bild zu zitieren, stehen die folgenden Varianten zur Verf眉gung:</div> <div class="widget-usage__citelinks-row -internal"> <div class="widget-usage__citelinks-internal">Hier kann eine Goobi viewer eigene URL kopiert werden:</div> <a id="citeLinkUrnPage" class="widget-usage__citelink-page widget-usage__citelinks-copy-to-clipboard" data-copy-value="https://www.digishelf.de/objekt/H188_200_Jahre_Christianeum_digital/1/" data-copy-done-msg="In Zwischenablage kopiert" title="URL kopieren" aria-label="Zitierlinks: Zitierlink zum Bild"> <i class="fa fa-clipboard" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> </div> <div class="alt-backdrop" data-dismiss="modal"></div> </div> <h3 id="titleCiteRecommendation" class="widget-usage__subtitle">Zitierempfehlung</h3> <div class="widget-usage__citerecommendation"> <form id="j_idt2228:j_idt2333:j_idt2434" name="j_idt2228:j_idt2333:j_idt2434" method="post" action="/objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" enctype="application/x-www-form-urlencoded"> <input type="hidden" name="j_idt2228:j_idt2333:j_idt2434" value="j_idt2228:j_idt2333:j_idt2434" /> <div class="custom-control custom-control--select widget-usage__citerecommendation-dropdown"><select id="j_idt2228:j_idt2333:j_idt2434:j_idt2436" name="j_idt2228:j_idt2333:j_idt2434:j_idt2436" size="1" onchange="mojarra.ab(this,event,'valueChange',0,'@form')" aria-labelledby="titleCiteRecommendation"> <option value="modern-language-association" selected="selected">MLA</option> <option value="apa">APA</option> <option value="chicago-author-date">Chicago</option> <option value="harvard-cite-them-right-no-et-al">Harvard</option> <option value="oscola">Oscola</option> </select> </div> <div class="widget-usage__citerecommendation-text-wrapper"> <i class="fa fa-quote-right" aria-hidden="true"></i> <a id="citeCopyText" role="button" class="widget-usage__citerecommendation-copy-text" data-copy-value="200 Jahre Christianeum Zu Altona : Festschrift Zur Zweihundertjahrfeier Des Christianeums in Hamburg-Altona. Hanseat. Verl.-Anst., 1938." data-copy-done-msg="In Zwischenablage kopiert" title="Zitierempfehlung in Zwischenablage kopieren" aria-label="Zitierempfehlung in Zwischenablage kopieren" tabindex="0"><span id="j_idt2228:j_idt2333:j_idt2434:citationStringOutput"><div class="csl-bib-body"> <div class="csl-entry"><span style="font-style: italic">200 Jahre Christianeum Zu Altona : Festschrift Zur Zweihundertjahrfeier Des Christianeums in Hamburg-Altona</span>. Hanseat. Verl.-Anst., 1938.</div> </div></span> </a> </div> <div class="widget-usage__citerecommendation-text-info">Bitte das Zitat vor der Verwendung pr眉fen.</div><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:5" value="1028975956700413408:-4775359348291404592" autocomplete="off" /> </form> </div> </div> </div> <script> var downloadModalConfig = { downloadBtn: $( ".download-modal-widget" ), path: "https://www.digishelf.de/", iiifPath: "https://digishelf.de/api/v1/", userEmail: $( "#userEmail" ).val(), useReCaptcha: false, reCaptchaSiteKey: "CHANGEME", messages: { downloadInfo: { text: "Informationen zum angeforderten Download", title: "Werk", part: "Teil", fileSize: "Gr枚脽e" }, reCaptchaText: "Um die automatische Generierung von PDF-Dokumenten durch Suchmaschinen zu verhindern, best盲tigen Sie bitte die Sicherheitsabfrage", rcInvalid: "Die 脺berpr眉fung war nicht erfolgreich. Bitte best盲tigen Sie die reCAPTCHA Anfrage.", rcValid: "Vielen Dank. Sie k枚nnen nun ihre ausgew盲hlte Datei generieren lassen.", eMailText: "Um per E-Mail informiert zu werden, sobald der Download zur Verf眉gung steht, k枚nnen Sie hier optional Ihre E-Mail-Adresse hinterlassen", eMailTextLoggedIn: "Wir werden Sie 眉ber den Fortschritt des Downloads informieren.", eMail: "E-Mail", closeBtn: "Abbrechen", saveBtn: "Generieren", } }; viewerJS.downloadModal.init( downloadModalConfig ); viewerJS.clipboard.init(); </script> </div> </div> <div id="panel-7" class="fullscreen__view-sidebar-accordeon-panel fs-imagefilters"> <h3 class="fullscreen__view-sidebar-accordeon-panel-title" tabindex="0"> <span>Werkzeuge zur Bildmanipulation</span> </h3> <div class="fullscreen__view-sidebar-accordeon-panel-body"> <span class="fullscreen__view-sidebar-accordeon-panel-error"> Werkzeuge nicht verf眉gbar </span> <imageFilters></imageFilters> </div> </div> <div id="panel-8" class="fullscreen__view-sidebar-accordeon-panel share-image-area"> <h3 class="fullscreen__view-sidebar-accordeon-panel-title" tabindex="0"> <span>Bildausschnitt teilen</span> </h3> <div class="fullscreen__view-sidebar-accordeon-panel-body share-image-area"> <div class="share-image-area__instructions">W盲hlen Sie mit der Maus den Bildbereich, den Sie teilen m枚chten.</div> <div class="share-image-area__links"> <div>Bitte w盲hlen Sie aus, welche Information mit einem Klick auf den Link in die Zwischenablage kopiert werden soll:</div> <ul> <li> <a data-copy-share-image="image-region-page" data-copy-done-msg="In Zwischenablage kopiert" title="Link kopieren">Link zur Seite mit Hinweisbox im Bild</a> </li> <li> <a data-copy-share-image="image-region-image" data-copy-done-msg="In Zwischenablage kopiert" title="Link kopieren">Link zu einem IIIF Bildfragment</a> </li> </ul> </div> <div class="share-image-area__controls"> <button type="button" data-popover="close" class="btn btn--full">Fenster schlie脽en</button> </div> </div> </div> </div> </div> </aside> </div> <script type="text/javascript"> $(function () { $('[data-toggle="popover"]').popover() }) //init imageFilters if(viewImage) { viewImage.observables.viewportUpdate.pipe(RxOp.first()).subscribe( () => { let originClean = viewImage.isOriginClean(); if(originClean) { $(".fullscreen__view-sidebar-accordeon-panel.fs-imagefilters .fullscreen__view-sidebar-accordeon-panel-error").hide(); $("imageFilters").css("display", "block"); } }); riot.mount("imageFilters", { image: viewImage, config: { filters : { brightness: { label: "Helligkeit" }, contrast: { label: "Kontrast" }, saturate: { label: "S盲ttigung" }, grayscale: { label: "Graustufen" }, threshold: { label: "Bitonal" }, blur: { label: "Verwischen", visible: false }, sharpen: { label: "Sch盲rfen" }, invert: { label: "Farben invertieren" }, hue: { label: "F盲rbung" } }, messages: { clearAll: "Alle zur眉cksetzen" } } }) } else { console.error("viewImage is not defined"); } </script> <div class="modal fade view-feedback-modal show" id="feedbackModal" tabindex="-1" role="dialog" aria-label="#msg.feedbackTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title">Kontakt</h1> <button type="button" class="fancy-close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">x</span> </button> </div> <div class="modal-body"> <p>Haben Sie einen Fehler gefunden, eine Idee wie wir das Angebot noch weiter verbessern k枚nnen oder eine sonstige Frage zu dieser Seite? Schreiben Sie uns und wir melden uns sehr gerne bei Ihnen zur眉ck! </p> <form id="feedbackModal:feedbackModal__feedbackForm" name="feedbackModal:feedbackModal__feedbackForm" method="post" action="/objekt/H188_200_Jahre_Christianeum_digital/1/LOG_0000/" class="form-horizontal" enctype="application/x-www-form-urlencoded"> <input type="hidden" name="feedbackModal:feedbackModal__feedbackForm" value="feedbackModal:feedbackModal__feedbackForm" /> <div id="feedbackModal__feedback" class="feedback-modal"> <div class="form-group form-row"> <label id="feedbackModal__labelFeedbackName" for="feedbackModal__feedbackName" class="col-lg-3 control-label"> <span class="feedback-modal__label-span">Name:</span> <span class="feedback-modal__label-required-field">(Pflicht)</span> </label> <div class="col-12 col-lg-9"><input id="feedbackModal:feedbackModal__feedbackName" type="text" name="feedbackModal:feedbackModal__feedbackName" class="form-control" aria-labelledby="feedbackModal__labelFeedbackName" data-require-input-text="feedbackInput" /> </div> </div> <div class="form-group form-row lastname"> <label id="feedbackModal__labelFeedbackLastName" for="feedbackModal__feedbackLastName" class="control-label">Nachname:</label><input id="feedbackModal:feedbackModal__feedbackLastName" type="text" name="feedbackModal:feedbackModal__feedbackLastName" class="form-control" /> </div><div id="feedbackModal:emailGroup" class="form-group form-row"> <label id="feedbackModal__labelFeedbackEmail" for="feedback-modal__feedbackEmail" class="col-lg-3 control-label"> <span class="feedback-modal__label-span">E-Mail:</span> <span class="feedback-modal__label-required-field">(Pflicht)</span> </label> <div class="cms-module__option-control col-12 col-lg-9"> <div class="cms-module__option-message"> <div class="cms-module__option-message-mark"> <i class="fa fa-check" aria-hidden="true"></i> <i class="fa fa-exclamation" aria-hidden="true"></i> </div> </div><input id="feedbackModal:feedbackModal__feedbackEmail" name="feedbackModal:feedbackModal__feedbackEmail" class="form-control" aria-labelledby="feedbackModal__labelFeedbackEmail" type="email" data-require-input-text="feedbackInput" /> </div></div> <div class="form-group form-row"> <label id="feedback-modal__labelFeedbackMessage" for="feedback-modal__feedbackMessage" class="col-lg-3 control-label"> <span class="feedback-modal__label-span">Nachricht:</span> <span class="feedback-modal__label-required-field">(Pflicht)</span> </label> <div class="col-12 col-lg-9"><textarea id="feedbackModal:feedback-modal__feedbackMessage" name="feedbackModal:feedback-modal__feedbackMessage" class="form-control" aria-labelledby="feedback-modal__labelFeedbackMessage" data-require-input-text="feedbackInput"></textarea> </div> </div> <div class="form-group form-row mb-0"> <label id="feedback-modal__feedbackSecurityQuestion" for="feedback-modal__feedbackSecurityQuestion" class="col-lg-3 control-label">Sicherheitsfrage:</label> <div class="col-12 col-12 col-lg-9 composite-control pt-0"> <span class="control-label d-block pb-1">Welches Wort passt nicht in die Reihe: Auto gr眉n Bus Bahn:</span><input id="feedbackModal:feedbackSecurityQuestion" type="text" name="feedbackModal:feedbackSecurityQuestion" class="form-control" aria-labelledby="feedback-modal__feedbackSecurityQuestion" autocomplete="new-password" data-require-input-text="feedbackInput" /> </div> </div> </div> <div class="feedback-modal__required-checkbox-wrapper"> <div class="form-row"> <p class="col-12 feedback-modal__accept-terms-text">Hiermit best盲tige ich die Verwendung meiner pers枚nlichen Daten im Rahmen der gestellten Anfrage.</p> <div id="sendContactFormAcceptTerms" class="col-12 col-sm-3 feedback-modal__accept-terms-label"> <label class="mr-3 mb-0">Akzeptieren:</label> </div> <div class="col-12 col-md-9 mt-3 mt-sm-0 feedback-modal__accept-terms-radios admin__radio-switch"><input type="radio" checked="checked" name="feedbackModal:feedbackModal__feedbackForm:requiredFeedbackTerms" id="feedbackModal:j_idt2502" value="feedbackModal:j_idt2502:false" data-require-input-checkbox="uncheckedChecker" /><label for="feedbackModal:j_idt2502" data-require-input-checkbox="uncheckedChecker"> Nein</label><input type="radio" name="feedbackModal:feedbackModal__feedbackForm:requiredFeedbackTerms" id="feedbackModal:requiredTermsCheckbox2" value="feedbackModal:requiredTermsCheckbox2:" data-require-input-checkbox="feedbackInput" /><label for="feedbackModal:requiredTermsCheckbox2" data-require-input-checkbox="feedbackInput"> Ja</label> <span class="toggle-outside"><span class="toggle-inside"></span></span> </div> </div> </div> <div class="form-group form-row feedback-modal__action"> <div class="col-sm-12 d-flex justify-content-end"><input type="submit" name="feedbackModal:j_idt2506" value="Absenden" class="btn btn--full" data-require-input="feedbackInput" /> </div> </div><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:6" value="1028975956700413408:-4775359348291404592" autocomplete="off" /> </form> </div> </div> </div> </div> </div> <script> // mount riot tags var fsConfig = { thumbnailUrl: "" + "/api/v1/records/H188_200_Jahre_Christianeum_digital/pages/sequence/base/?mode=thumbnails&preferedView=fullscreen", msg: { showThumbs: "Seitenvorschau anzeigen", hideThumbs: "Seitenvorschau schlie脽en" } }; riot.mount( 'fsThumbnails, fsThumbnailImage', fsConfig ); var normdataConfig = { path: "", lang: { popoverTitle: "Details", popoverClose: "Fenster schlie脽en", showNormdata: "Normdaten anzeigen" }, elemWrapper: $( "#metadataElementWrapper" ) }; viewerJS.normdata.init( normdataConfig ); </script> <script> var currentPage = "fullscreen"; var currentLang = "de"; var currentPath = ""; var currentTheme = "bsz"; var userLoggedIn = false; var bookmarksEnabled = false; viewerJS.mapBoxConfig = { token: "", user: "", styleId: "" }; var rootURL = ""; var restURL = "https://digishelf.de/api/v1/"; // custom var var contextPath = ""; var appUrl = 'https://www.digishelf.de/'; var subTheme = '-'; viewerJS.disclaimerConfig = {}; viewerJS.useWebSocket = false; // set fullscreen config if ( currentPage === "fullscreen" ) { // change fullscreenHeader id to prevent _hideHeader() (viewerJS.fullscreen.js) $('#fullscreenHeader').attr('id', 'fullscreen-header'); // add pdf download button to image controls let pdfPage = $('#pdfPage'); $('.image-controls__actions ul').append( //'<ul>'+ '<li class="image-controls__action pdf">'+ '<a href="'+pdfPage.attr('href')+'" data-toggle="tooltip" data-placement="bottom" title="" tabindex="0" aria-label="Aktuelle Seite als PDF herunterladen" data-original-title="Aktuelle Seite als PDF herunterladen">'+ '<i class="fa fa-file-pdf-o" aria-hidden="true"></i>'+ '</a>'+ '</li>' //'</ul>' ); var fullscreenConfig = { msg: { fileNotFound: "Kein Bild verf眉gbar" }, // set standard open panel for sidebar in fullscreen mode, openPanel: "none" for all panels closed openPanel: "none", persistentIdentifier: "1670331278168" }; viewerJS.fullscreen.init( fullscreenConfig ); if(subTheme == 'bsz-st-bodenseebibliotheken') { // insert text after fullscreen logo $('.fullscreen__header-brand a').append('<a class="fullscreen__header-brand-text">Bodenseebibliotheken</a>'); // change fullscreen-header-brand href to www.bodenseebibliotheken.de $('.fullscreen__header-brand a').eq(0).attr('href', '//www.bodenseebibliotheken.de'); } } switch(currentPage) { case 'institutions': $('[alt="Representant der Zeitschrift"]').each(function(i, e) {$(e).attr('src', restURL + 'records/' + $(e).attr('pi') +'/files/images/00000001.jpg/full/!150,300/0/default.jpg')}) break; } // init admin module if ( currentPage.indexOf( 'admin' ) > -1 ) { adminJS.init(); } // init cms module functions cmsJS.modules.init(); viewerJS.thumbnailLoader = new viewerJS.loadThumbnails("/resources/themes/bsz/images/image_not_found.png", "/resources/themes/bsz/images/thumbnail_access_denied.jpg"); </script> <script src="/resources/themes/bsz/javascript/dist/custom.min.js?90c1f1d&cachetimestamp=2024-1-24-15-32-26"></script> <script src="/resources/themes/bsz/javascript/dist/bsz-tags.js?90c1f1d&cachetimestamp=2024-1-24-15-32-26"></script> <script> //TODO: replace with better solution so colorTheme gets set earlier // switchTheme(); </script> <script> $(document).ready(() => viewerJS.cookieBanner.init({"active":false,"lastEditedHash":1732553538})); </script></body> </html>