moonq/qalbum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding spots for navigation for touch screens

Browse Source
This commit is contained in:
ville rantanen
2013-02-26 13:56:24 +02:00
parent 04111dfbb7
commit 65c9fbf536
2 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
galleryscript.js
View File

@@ -987,12 +987,12 @@ function showbigimage(i) {
linkToBig = '<a class="linktobig" onclick="slidenextrestart()">'; linkToBig = '<a class="linktobig" onclick="slidenextrestart()">';
} }
if (isHTML(imagelist[i])) { if (isHTML(imagelist[i])) {
$('#imagecontainer').html('<div id="imagebig">'+linkToBig+ $('#imagecontainer').html('<span id="prevTouch"/><span id="nextTouch"/><div id="imagebig">'+linkToBig+
'<iframe id="imagesingle" src="'+encodeURIComponent(imagelist[i])+'"></a></div>'); '<iframe id="imagesingle" src="'+encodeURIComponent(imagelist[i])+'"></a></div>');
$('#imagesingle').css('width',width); $('#imagesingle').css('width',width);
$('#imagesingle').css('height',height); $('#imagesingle').css('height',height);
} else { // is image } else { // is image
$('#imagecontainer').html('<div id="imagebig">'+linkToBig+ $('#imagecontainer').html('<span id="prevTouch"/><span id="nextTouch"/><div id="imagebig">'+linkToBig+
'<img id="imagesingle" src="'+mediumstr+'" title="'+titlestring(imagedesc[i])+'"></a></div>'); '<img id="imagesingle" src="'+mediumstr+'" title="'+titlestring(imagedesc[i])+'"></a></div>');
$('#imagesingle').css('max-width',width); $('#imagesingle').css('max-width',width);
$('#imagesingle').css('max-height',height); $('#imagesingle').css('max-height',height);
@@ -1003,6 +1003,16 @@ function showbigimage(i) {
$('#imagesingle').css('background-image','url("_tn/tn_'+encodeURIComponent(imagelist[i])+'.jpg")'); $('#imagesingle').css('background-image','url("_tn/tn_'+encodeURIComponent(imagelist[i])+'.jpg")');
} }
$('#imagecontainer').css('height',height); $('#imagecontainer').css('height',height);
$('#prevTouch').click(function() {
currentimage-=1;
if (currentimage<0) { currentimage=imagelist.length-1; }
showimage(currentimage);
});
$('#nextTouch').click(function() {
currentimage+=1;
if (currentimage>(imagelist.length-1)) { currentimage=0; }
showimage(currentimage);
});
$('#desccontainer').html(getProgressEl()+currentlink(i)+imagedesc[i]); $('#desccontainer').html(getProgressEl()+currentlink(i)+imagedesc[i]);
$('#desccontainer').css('display','block'); $('#desccontainer').css('display','block');

13
gallerystyle.css
View File

@@ -226,6 +226,19 @@ iframe {
line-height: 40px; line-height: 40px;
font-family: sans-serif; font-family: sans-serif;
} }
#prevTouch,#nextTouch {
width: 10%;
height: inherit;
position: absolute;
display: block;
z-index: 1;
cursor: pointer;
}
#prevTouch:hover,#nextTouch:hover {
background-color: rgba(238,238,238,0.5);
}
#prevTouch { left:0px; }
#nextTouch { right:0px; }
.thumbmenu { .thumbmenu {
font-size: small; font-size: small;
margin: 4px 4px 4px 15px; margin: 4px 4px 4px 15px;