(with ![]()
inside)
var info = $(SPAN).attr("title").split(" "); // Get the data in the title
doIt(SPAN, info, SRC); // Call doIt to set all the info
NotOkToDeLoad--; // Decrement counter variable
if(flag && !NotOkToDeLoad) {
$("#FlickrSizeHack span.fshLoading").remove(); // ... if down to 0, then delete 'loading' block
}
}
// This script is called after the 'Square 75' page is loaded.
function parseSizesPage() {
var url = $("#fshTemp").find("img").attr("src"), // Find the SRC of the Square 75 image
pattern = new RegExp("(^.*?)_[a-z]\.[a-z]+$"),// Find the basic image filename
l = url.length,
mm = pattern.exec(url);
if(mm) { // See corresponding 'else' below
var srcBase = url.substr(0, l-6);
if(showSquare) {
activateLink("sq", srcBase); // Load Square 75 link.
}
$("#fshTemp").find("a").each(function() { // Loop thorough each link from the sizes page.
var url = $(this).attr("href"), // Find the link to the image's size page
pattern = new RegExp("sizes/([" + sizes + "])/$"),
otherPattern = new RegExp("sizes/([" + otherSizes + "])/$"),
sz = pattern.exec(url);
if(sz) { // See if the size is one of the standard-format pages
activateLink(sz[1], srcBase); // ... and turn it on
} else {
sz = otherPattern.exec(url); // ... otherwise, try and see if it's one of the other formats
if(sz) {
NotOkToDeLoad++; // Increment counter variable
$("a#fsh_" + sz[1]).load(URL + sz[1] + " div#allsizes-photo", function() { activateBigLink(sz[1], 1); });
} // If not found, the user probably didn't want to see this size
}
});
} else {
//
//
// This is highly unlikely, but means that Flickr has greatly changed its filename format!!
//
//
errorLog.push("could not extract image URLs");
printErrorMsg();
}
$("#fshTemp").remove(); // Delete Temp block.
if(!NotOkToDeLoad) {
$("#FlickrSizeHack span.fshLoading").remove(); // Delete 'loading' block.
}
}
// Set everything in motion.
// Load Square 75 size (the most likely to exist). Only grab the list of sizes and the image.
Url = URL + "sq";
$("#fshTemp").load(Url + " ol.sizes-list, div#allsizes-photo", function() { parseSizesPage(); });
}
//*//*//*//*//*//*//*//*//*//*//*//*//*//
// LOAD IMAGE INFO TO PAGE //
//*//*//*//*//*//*//*//*//*//*//*//*//*//
if(flickrVersion === 1) {
//
// We're on a pre-Beta page.
//
//
if(typeof unsafeWindow.YUI !== 'function') {
// No API access? Immediately try the old method.
errorLog.push("could not find the API");
oldFlickrSizesHackMethod();
} else {
//
// NEW-STYLE API METHOD
//
unsafeWindow.YUI().use('event-base', 'node', function(Y){
// Convert API labels to url endings (used to mark the clickable links)
var labels = {};
if(showSquare) {
labels['Square'] = 'sq';
labels['Large Square'] = 'q';
}
if(showSmall) {
labels['Thumbnail'] = 't';
labels['Small'] = 's';
labels['Small 320'] = 'n';
}
if(showMedium) {
labels['Medium'] = 'm';
labels['Medium 640'] = 'z';
labels['Medium 800'] = 'c';
}
if(showLarge) {
labels['Large'] = 'l';
labels['Large 1600'] = 'h';
labels['Large 2048'] = 'k';
}
labels['Original'] = 'o';
// Use raw info to activate the links.
function grabInfoActivateLinks(sizesAPI) {
// Initialize variables.
var ph,SPAN,t,wh,url,
rawInfo = [];
// Grab the raw info.
Y.Object.each(sizesAPI, function(o, i) {
rawInfo.push(o);
});
if (rawInfo.length) {
// If any info was loaded, start activating the links!
while(rawInfo.length) {
ph = rawInfo.pop(); // Get a piece of info...
if(!ph.label) {
// Probably a video. Just skip this.
continue;
}
if(typeof(labels[ph.label]) != 'undefined') {
SPAN = "#fsh_" + labels[ph.label];
wh = [' (',ph.width,"x",ph.height,')'].join('');
url = ph.url;
if(downloadLinks) {
url = url.replace(/\.([a-z]+)$/i, "_d.$1"); // Make it a download-ready link, if desired.
}
$(SPAN).attr("href", url); // Set the link's href
t = $(SPAN).attr("title").split(" "); // Get the data stored in the link's title attribute
$(SPAN).text(t[3]); // Set the link text to the appropriate info
if(t[4]) {
$(SPAN).attr("title", t[4] + wh); // If there's a special tooltip, use it (plus WxH)
} else {
$(SPAN).attr("title", t[2] + " " + t[3] + wh); // ... otherwise, the tooltip is the group + size (plus wXh)
}
$(SPAN).css("display", "inline"); // Make the link visible
$("#fsh"+t[2]).css("display", "inline"); // Make the link's group visible
}
}
// Once all info has been found, delete the Temp and 'loading' blocks.
$("#fshTemp").remove();
$("#FlickrSizeHack span.fshLoading").remove();
} else {
// No info was loaded.
errorLog.push("could not find the sizes object");
// Try the old style.
oldFlickrSizesHackMethod();
}
}
function getAPIinfo(){
counter++;
if(counter > 100) {
errorLog.push("API method timed out");
oldFlickrSizesHackMethod();
} else if (typeof unsafeWindow.FLICKR == "undefined") {
// Not loaded yet. Retry.
window.setTimeout(getAPIinfo, 250);
} else if (!!unsafeWindow.FLICKR['photo']) {
// Everything loaded correctly!
grabInfoActivateLinks(unsafeWindow.FLICKR.photo.getSizes());
} else {
// Bad load. Go to old method.
errorLog.push("Could not find photo information via API");
oldFlickrSizesHackMethod();
}
}
// Let's get this party started.
var counter = 0;
getAPIinfo();
});
}
} else {
//
// We're in a BETA page!
//
//
// Initialize variables
var patt = new RegExp("_(.)\.[a-z]+$"),
res,
count = 0,
labels = {};
if(showSquare) {
labels['s'] = 'sq';
labels['q'] = 'q';
}
if(showSmall) {
labels['t'] = 't';
labels['m'] = 's';
labels['n'] = 'n';
}
if(showMedium) {
labels['xx'] = 'm';
labels['z'] = 'z';
labels['c'] = 'c';
}
if(showLarge) {
labels['b'] = 'l';
labels['h'] = 'h';
labels['k'] = 'k';
}
labels['o'] = 'o';
// Use raw info to activate the links.
function printImageSizes (pid, sizes, photo, Y) {
// Initialize variables.
var obj,ph,SPAN,t,u,wh,found = false;
// If any info was loaded, start activating the links!
for (obj in sizes) {
found = true;
ph = sizes[obj];
u = ph.url;
res = patt.exec(u);
if(res === null) {
res = ['xx','xx'];
}
if(typeof labels[res[1]] != 'undefined') {
SPAN = "#fsh_" + labels[res[1]];
wh = [' (',ph.width,"x",ph.height,')'].join('');
if(downloadLinks) {
u = u.replace(/\.([a-z]+)$/i, "_d.$1"); // Make it a download-ready link, if desired.
}
$(SPAN).attr("href", u); // Set the link's href
t = $(SPAN).attr("title").split(" "); // Get the data stored in the link's title attribute
$(SPAN).text(t[3]); // Set the link text to the appropriate info
if(t[4]) {
$(SPAN).attr("title", t[4] + wh); // If there's a special tooltip, use it (plus WxH)
} else {
$(SPAN).attr("title", t[2] + " " + t[3] + wh); // ... otherwise, the tooltip is the group + size (plus WxH)
}
$(SPAN).css("display", "inline"); // Make the link visible
$("#fsh"+t[2]).css("display", "inline"); // Make the link's group visible
}
}
// Once all info has been found, delete the Temp and 'loading' blocks.
$("#fshTemp").remove();
$("#FlickrSizeHack span.fshLoading").remove();
if (!found) {
// No info was loaded.
errorLog.push("could not find the sizes object");
printErrorMsg();
}
}
// Set up the YUI stuff that'll handle the page information.
function initYUI() {
unsafeWindow.YUI({classNamePrefix: 'pure'}).use('client-app', 'photo-page-view', 'person-models', 'photo-models',
'person-relationship-models', 'photo-engagement-models', 'photo-stats-models',
'photo-privacy-models', 'photo-tags-models', 'tag-models', 'photo-location-models',
'photo-contexts-models', 'favorite-models', 'gallery-models', 'groups-pool-models',
'set-models', 'photostream-models', function(Y){
var photoId;
// Figure out where we are, store photo id, maybe a path.
function findPhotoInfo() {
// Ugh. Revert to parsing the URL. This ought to work, even in the Beta.
var U = window.location.toString(), //
m = U.split('/'), // Parse the current URL into usable chunks.
photo = m[5]; //
photoId = parseInt(photo, 10);
return photoId;
}
// Check if we're a video, then behave appropriately.
function photoModelsCB(e) {
var isvid = e.getValue('isVideo'),
sizes = e.getValue('sizes'),
proto = unsafeWindow.appContext.normalizedProtocol;
if (!isvid) {
printImageSizes(photoId, sizes, proto, Y);
} else {
errorLog = [' Images are not avaiable on video pages.'];
errorFlag = false;
printErrorMsg();
}
}
// set photoId
findPhotoInfo();
// Triggered when page changes
Y.Global.after('history:change', function(e) {
findPhotoInfo();
// TODO: find sidebar 'finish load' event instead of Timeout
setTimeout(function() {
// Reset HTML
$("#FlickrSizeHack").remove();
printBaseHTML();
unsafeWindow.appContext.getModel('photo-models', photoId).then(photoModelsCB);
// animateLoading();
}, 1000);
});
// Get all sizes
unsafeWindow.appContext.getModel('photo-models', photoId).then(photoModelsCB);
// Very odd disappearing-sizes bug.
// Current solution is icky:
// Run a timeout every few hundred milliseconds to reload the info if the DIV has disappeared.
// Stop running timeouts after five seconds have passed. (Ought to be enough time, right?)
function timeoutKludge(x) {
if($("#FlickrSizeHack").length <= 0) {
// disappeared?
printBaseHTML();
unsafeWindow.appContext.getModel('photo-models', photoId).then(photoModelsCB);
// alert("Reloaded.");
}
if(x >= 0) {
setTimeout(function() { timeoutKludge(x - 250); }, 250);
// } else {
// alert("Stopped.");
}
}
setTimeout(function() { timeoutKludge(5000); }, 250);
});
}
function makeContact() {
if (count > 80) {
errorLog.push("beta API access mechanism timed out");
printErrorMsg();
return;
}
if (typeof unsafeWindow.YUI == "undefined" || typeof unsafeWindow['appContext'] == "undefined") {
// Not ready yet.
count++;
window.setTimeout(makeContact, 250);
} else {
// Ready. Initialize!
initYUI();
}
}
// Let's get this rolling...
makeContact();
}
}
// load jQuery (if needed) and execute the main function
if(typeof jQuery == 'undefined') {
addJQuery(flickrSizeHackMain);
} else {
flickrSizeHackMain();
}