Archivn铆 katalog

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="author" content="Kamil Hanak"> <meta name="copyright" content=""> <meta name="robots" content="noindex, nofollow"> <link rel="stylesheet" type="text/css" href="/pragapublica/css/zoomify.css"> <link rel="shortcut icon" href="/pragapublica/images/favicon.ico"> <title>Archivn铆 katalog - zoomify</title> <script type="text/javascript" src="/pragapublica/js/dojo/dojo/dojo.js" data-dojo-config="isDebug:false, modulePaths: {'cz': '../../../js/cz'}"></script> <script type="text/javascript" src="/pragapublica/js/pure/pure_min.js"></script> <script type="text/javascript" src="/pragapublica/js/swfobject.js"></script> <script type="text/javascript"> dojo.require("dojo.window"); dojo.require("cz.bach.vade.web.ilib.paginatorZ"); dojo.require("cz.bach.vade.web.ilib.paginatorZView"); dojo.addOnLoad(function() { var contextPath = '/pragapublica'; var resultJSON = ; var entity = resultJSON.entity; var mediaArray = resultJSON.media; var onlyOne = mediaArray.length == 1; var wb = dojo.window.getBox(); var workHeight = wb.h - 5; var rightWidth = wb.w - ((onlyOne) ? 5 : 125 + 12); var pluginSpaceW = rightWidth - 5, pluginSpaceH = workHeight - 70; dojo.query('div.leftSide').style({'height': '' + workHeight + 'px', 'display': (onlyOne) ? 'none' : 'block'}); dojo.query('div.rightSide').style({'width': '' + rightWidth + 'px', 'display': 'block'}); dojo.query('div#pluginSpace').style({'width': '' + pluginSpaceW + 'px', 'height': '' + pluginSpaceH + 'px'}); var startIndex = 0, miniStepActiv = false; if (resultJSON.scanIndex != undefined) { startIndex = resultJSON.scanIndex; miniStepActiv = true; } var headlineLink = dojo.query('table.zoomifyTitle tr td:nth-child(2) a').pop(); headlineLink.innerHTML = entity.headline; if (entity.permalinkUri) { var rexResult = 'https://katalog.ahmp.cz/pragapublica/WEB-INF/jsp/zoomify_flash.jsp'.match(new RegExp("^(.*?[^/]/[^/]+)")); headlineLink.target = rexResult[1] + '/main'; ; headlineLink.href = entity.permalinkUri; } if (!onlyOne) { dojo.query('table.controlBar td.imageInfo1 span').addContent('/ ' + mediaArray.length); dojo.query('table.controlBar td.imageInfo1 form').onsubmit(showImageZoom_goEvent); dojo.query('table.controlBar td.imageInfo1').style('visibility', 'visible'); } var paginator = cz.bach.vade.web.ilib.paginatorZ.Paginator({size: mediaArray.length, pageSize: 10}); paginator.setIndex(startIndex); var paginatorView = cz.bach.vade.web.ilib.paginatorZView; paginatorView.initHTML(dojo.query("div.rightSide table.jsPaginator"), paginator, showThumbs, showImageZoom_rowEvent, rowEventBefore); var directive = { 'div.pure':{ 'one<- context':{ 'img@title':'one.title', 'img@name': function(arg) {return "" + (arg.pos + paginator.getRowsRange()[0]);}, 'img@src':'#' + '{one.baseUrl}image/#' + '{one.uri}/nahled_maly.jpg', 'span+': function(arg) {return "" + (arg.pos + 1 + paginator.getRowsRange()[0]);} }}}; var compDir = pure('div.leftSide').compile(directive); function showImageInfo(medium, mediumIx) { dojo.query('table.controlBar td.imageInfo1 input').shift().value = paginator.getIndex() + 1; dojo.query('table.controlBar td.imageInfo2').style('visibility', 'hidden'); var postXhrArgs = { url: contextPath + '/Zoomify.action', content: {ajaxPostMedium: '', baseUrl: medium.baseUrl, uri: medium.uri}, handleAs: "json", load: function(data) { dojo.query("table.controlBar td.imageInfo2 span.scan_mtime").empty().addContent(data.localInfo1a); dojo.query("table.controlBar td.imageInfo2 span.scan_dimension").empty().addContent(data.localInfo1b); dojo.query("table.controlBar td.imageInfo2 span.scan_size").empty().addContent(data.localInfo2); var ulozitEl = dojo.query("table.controlBar td.imageInfo2 span.scan_save").empty(); if (medium.dw) { var saveAs = entity.saveAs + "_" + paginator.getIndexFm(3) + ".jpg"; var saveAsUrl= medium.baseUrl +"proxy/" + medium.uri + "?sa=" + saveAs; ulozitEl.addContent('<a href="' + saveAsUrl + '" title="' + saveAs + '">ulo啪it</a>'); } var permalinkScanTxt = entity.permalinkUri + '&scan=' + (paginator.getIndex() + 1); var permalinkScan = dojo.query("table.controlBar a.permalinkScan").pop(); permalinkScan.href = permalinkScanTxt; permalinkScan.innerHTML = permalinkScanTxt; dojo.query('table.controlBar td.imageInfo2').style('visibility', 'visible'); } }; dojo.xhrPost(postXhrArgs); } function rowEventBefore(pg) { if (miniStepActiv) return true; showImageZoom_rowEvent(pg); return false; } function showImageZoom_rowEvent(pg) { miniStepActiv = true; paginatorView.refreshHTML(dojo.query("div.rightSide table.jsPaginator"), paginator); var mediumIndex = pg.getIndex(); dojo.query('div.leftSide div.activeImage').removeClass('activeImage'); var activeImgNode = dojo.query('div.leftSide img[name="' + mediumIndex + '"]').shift(); dojo.addClass(activeImgNode.parentNode, 'activeImage'); var medium = mediaArray[mediumIndex]; var rex = new RegExp("^(.*?[^/]/)[^/].*"); var reResult = medium.baseUrl.match(rex); var pluginUrl = reResult[1] + "plugins/WatermarkViewer.swf"; var watermarkUrl = "/pragapublica/images/watermark.png"; var watermarkPosititon = -1; var flashvars = {zoomifyImagePath: medium.baseUrl + 'zoomify/' + medium.uri, zoomifyPanConstrain: false, zoomifyWatermarkAlpha: 0.8, zoomifyWatermarkPosition: watermarkPosititon, zoomifyWatermarkMedia: watermarkUrl, zoomifyToolbarLogo : false}; //var flashvars = {zoomifyImagePath: medium.baseUrl + 'zoomify/' + medium.uri, zoomifyPanConstrain: false, zoomifyToolbarLogo : false}; //alert(pg); var params = {menu: false, bgcolor: "#ffffff"}; var attributes = {}; swfobject.embedSWF(pluginUrl, "pluginSpace", pluginSpaceW, pluginSpaceH, "9.0.0", "expressInstall.swf", flashvars, params, attributes); showImageInfo(medium, mediumIndex); } function showImageZoom_goEvent(evt) { evt.preventDefault(); var goNum = parseInt(evt.target.go.value); if (isNaN(goNum)) return; paginator.setIndex(goNum - 1); showThumbs(paginator); showImageZoom_rowEvent(paginator); } function showImageZoom_thumbEvent(evt) { var mediumIndex = parseInt(evt.target.name); if (isNaN(mediumIndex)) return; paginator.setIndex(mediumIndex); showImageZoom_rowEvent(paginator); } function showThumbs(pg) { miniStepActiv = false; var rowsRange = pg.getRowsRange(); var slice = mediaArray.slice(rowsRange[0], rowsRange[1] + 1); pure('div.leftSide').render(slice, compDir); dojo.query('div.leftSide div.pure img').onclick(showImageZoom_thumbEvent); paginatorView.refreshHTML(dojo.query("div.rightSide table.jsPaginator"), paginator); } if (miniStepActiv) { showThumbs(paginator); showImageZoom_rowEvent(paginator); } else { showThumbs(paginator); } }); if (window.name == '') { window.name = 'repo-zoomify'; } </script> </head> <body id="zoomifyBody"> <div class="leftSide"> <div class="pure"> <img alt="" src="/pragapublica/images/obrazek.png"><br> <span>膷. </span> </div> </div> <div class="rightSide"> <div class="titleBox"> <table class="zoomifyTitle"> <tr> <td valign="bottom"></td> <td><a title="Zobrazit kartu z谩znamu" href="#" target="_self">.</a></td> <td valign="bottom"></td> </tr> </table> </div> <table class="controlBar"> <tr> <td colspan="3" align="center"><a class="permalinkScan" href="#" title="Trval媒 odkaz - tento link m暖啪ete pou啪铆t jako trvale platn媒 odkaz na obr谩zek">-</a><br></td> </tr> <tr> <td width="40%"> <table class="jsPaginator"><tr><td><img alt="" src="/pragapublica/images/pg-first.gif"></td><td><img alt="" src="/pragapublica/images/pg-fastprevious.gif"></td><td><img alt="" src="/pragapublica/images/pg-previous.gif"></td><td class="pgCounter" width="65">x/N</td><td><img alt="" src="/pragapublica/images/pg-next.gif"></td><td><img alt="" src="/pragapublica/images/pg-fastnext.gif"></td><td><img alt="" src="/pragapublica/images/pg-last.gif"></td></tr></table> </td> <td width="20%" valign="middle" class="imageInfo1"><form action="#"><input name="go" type="text" value="-"> <span></span></form></td> <td class="imageInfo2"> zpracov谩no <span class="scan_mtime">date</span><br> <span class="scan_dimension">width x height</span> bod暖 (<span class="scan_size">size</span> kB) <span class="scan_save">ulo啪it</span> </td> </tr> </table> <div id="pluginSpace"> Vyber obr谩zek z lev茅ho panelu. </div> </div> </body> </html>

CINXE.COM

Archivn铆 katalog - zoomify