Mercurial > hg > digilib
comparison client/digitallibrary/jquery/jquery.digilib.js @ 718:996a584f1a0b jquery
put styles in stylesheet.
use relative positioning in embedded mode.
author | robcast |
---|---|
date | Mon, 31 Jan 2011 17:44:20 +0100 |
parents | f2d8c338b761 |
children | e2429ec1976e |
comparison
equal
deleted
inserted
replaced
717:f2d8c338b761 | 718:996a584f1a0b |
---|---|
804 | 804 |
805 // creates HTML structure for digilib in elem | 805 // creates HTML structure for digilib in elem |
806 var setupScalerDiv = function (data) { | 806 var setupScalerDiv = function (data) { |
807 var settings = data.settings; | 807 var settings = data.settings; |
808 var $elem = data.$elem; | 808 var $elem = data.$elem; |
809 $elem.addClass('digilib'); | |
809 var $img, scalerUrl; | 810 var $img, scalerUrl; |
810 // fullscreen | 811 // fullscreen |
811 if (settings.interactionMode === 'fullscreen') { | 812 if (settings.interactionMode === 'fullscreen') { |
813 $elem.addClass('dl_fullscreen'); | |
812 var imgSize = getFullscreenImgSize($elem); | 814 var imgSize = getFullscreenImgSize($elem); |
813 // fitwidth/height omits destination height/width | 815 // fitwidth/height omits destination height/width |
814 // if (data.dlOpts['fitheight'] !== '1') { | 816 // if (data.dlOpts['fitheight'] !== '1') { |
815 if (data.dlOpts['fitheight'] == null) { | 817 if (data.dlOpts['fitheight'] == null) { |
816 settings.dw = imgSize.width; | 818 settings.dw = imgSize.width; |
821 } | 823 } |
822 $img = $('<img/>'); | 824 $img = $('<img/>'); |
823 scalerUrl = getScalerUrl(data); | 825 scalerUrl = getScalerUrl(data); |
824 // embedded mode -- try to keep img tag | 826 // embedded mode -- try to keep img tag |
825 } else { | 827 } else { |
828 $elem.addClass('dl_embedded'); | |
826 $img = $elem.find('img'); | 829 $img = $elem.find('img'); |
827 if ($img.length > 0) { | 830 if ($img.length > 0) { |
828 console.debug("img detach:", $img); | 831 console.debug("img detach:", $img); |
829 scalerUrl = $img.attr('src'); | 832 scalerUrl = $img.attr('src'); |
830 $img.detach(); | 833 $img.detach(); |
1149 $birdZoom.width(coords.width); | 1152 $birdZoom.width(coords.width); |
1150 $birdZoom.height(coords.height); | 1153 $birdZoom.height(coords.height); |
1151 $birdZoom.offset(coords); | 1154 $birdZoom.offset(coords); |
1152 } else { | 1155 } else { |
1153 // nice animation for embedded mode :-) | 1156 // nice animation for embedded mode :-) |
1154 $birdZoom.animate(coords, opts); | 1157 $birdZoom.animate(coords); |
1155 } | 1158 } |
1156 }; | 1159 }; |
1157 | 1160 |
1158 // zooms by the given factor | 1161 // zooms by the given factor |
1159 var zoomBy = function(data, factor) { | 1162 var zoomBy = function(data, factor) { |