diff --git a/resources/library/search/Pixabay.wgs/index.html b/resources/library/search/Pixabay.wgs/index.html
index ca5e6c12..4d2c821f 100644
--- a/resources/library/search/Pixabay.wgs/index.html
+++ b/resources/library/search/Pixabay.wgs/index.html
@@ -30,12 +30,14 @@
var minWidth = 150;
// Image type to retrieve. Can be "photo", "illustration", "vector" or "all".
- var imageType = "all"
+ var imageType = "all";
// Language code to search in
- var searchLanguage = "en"
+ var searchLanguage = "en";
-
+ // Fetch 960px images instead of the default 640px. However the API doesn't
+ // provide size information in this case, so it is disabled by default.
+ var fetchMediumResImages = false;
// ---------------------
@@ -46,8 +48,9 @@
$(document).ready(loadPage)
+ /* Initialize the page layout */
function loadPage() {
- //variables
+
var mode = false; //search or view mode
var hide = false; //hide or no main panel
@@ -136,8 +139,8 @@
newImg.src = result.previewURL;
- var imgWidth = (result.tbWidth > minWidth)?result.tbWidth:minWidth;
- var imgHeight = (result.tbHeight > minHeight)?result.tbHeight:minHeight;
+ var imgWidth = (result.previewWidth > minWidth)?result.previewWidth:minWidth;
+ var imgHeight = (result.previewHeight > minHeight)?result.previewHeight:minHeight;
imgContainer.width(imgWidth).height(imgHeight);
imgContainer.append($(newImg));
@@ -149,12 +152,17 @@
var iThumbnailUrl = $("");
var iTitle = $("");
- iUrl.attr("value", result.webformatURL);
+ var imageURL = result.webformatURL;
+ if (fetchMediumResImages)
+ imageURL = getMediumResURL(result);
+
+ iUrl.attr("value", imageURL);
iContent.attr("value", result.type);
iHeight.attr("value", result.webformatHeight);
iWidth.attr("value", result.webformatWidth);
iThumbnailUrl.attr("value", result.previewURL);
iTitle.attr("value", getImageTitle(result));
+
imgContainer.append(iUrl);
imgContainer.append(iContent);
@@ -258,6 +266,16 @@
return firstTag;
}
+ function getMediumResURL(image) {
+ // Pixabay automatically returns a 640px "webformat" picture; we can't request a larger one
+ // in the search request, but we can manually fetch one (up to 960px)
+
+ var url = image.webformatURL;
+
+ medResURL = url.replace("_640.", "_960.");
+
+ return medResURL;
+ }