Its been a while since I last uploaded any pictures to my Flickr account. I took some cool pictures of Water Dropplets on an icy-cold bottle of water. I decided to share the pics here to test out the Litebox script, but since its a pain in the buttocks having to set the ‘href’ attribute to the proper image’s location (instead of a link to the image’s Flickr page)… I decided to write a small Bookmarklet for Firefox that took care of it all, but since it was really easy to port as a Userscript, I guess I’m giving you both.
codr:Bookmarklet
In Firefox, drag it to your Bookmarks Toolbar. Use it when in visiting the pages of your photosets (lots of thumbnails).
or
codr:Userscript
Requires GreaseMonkey, a great Firefox extension. When active, will show a textbox with the code when you visit a photoset page.
{var%20yourclass='center';var%20ml='xhtml';var%20d=new%20Date();var%20month=d.getMonth();if(month<10){month='0'+d.getMonth();}var%20day=d.getDate();if(day<10){day='0'+d.getDate();}var%20rel='lightbox%20'+d.getFullYear()+month+day;function%20cleanWhitespace(someelement){var%20element=document.getElementById(someelement);for(var%20i=0;i<element.childNodes.length;++i){var%20node=element.childNodes[i];if(node.nodeType==3%20&&%20!(/S/.test(node.nodeValue))){element.removeChild(node);}}}var%20divId='setThumbs';if(document.getElementById('favoriteThumbs')){var%20has_p=1;divId='favoriteThumbs';}cleanWhitespace(divId);var%20thumbs=document.getElementById(divId);if(has_p){thumbs.removeChild(thumbs.firstChild);}for(var%20i=0;i<thumbs.childNodes.length;++i){var%20a_el=thumbs.childNodes[i];var%20img_src=thumbs.childNodes[i].firstChild.src;a_el.setAttribute('href',img_src.replace(/_s.jpg/g,'.jpg'));a_el.setAttribute('rel',rel);}var%20div=document.createElement('div');div.setAttribute('id','sourcecode');div.setAttribute('style','text-align:center;');var%20f_rm=document.createElement('form');var%20fieldset=document.createElement('fieldset');var%20legend=document.createElement('legend');var%20b0=document.createElement('big');var%20sp0=document.createElement('span');sp0.setAttribute('style','color:#0063DC;');var%20sp1=document.createElement('span');sp1.setAttribute('style','color:#FF0084;');var%20tN0=document.createTextNode('cod');var%20tN1=document.createTextNode('r');sp1.appendChild(tN1);sp0.appendChild(tN0);b0.appendChild(sp0);b0.appendChild(sp1);legend.appendChild(b0);var%20textarea=document.createElement('textarea');textarea.setAttribute('id','yourcode');textarea.setAttribute('rows','10');textarea.setAttribute('cols','63');fieldset.appendChild(legend);fieldset.appendChild(textarea);f_rm.appendChild(fieldset);div.appendChild(f_rm);var%20thumbcode='<div%20class=\''+yourclass+'\'>\n'+thumbs.innerHTML+'\n<\/div>';if(ml=='xhtml'){thumbcode=thumbcode.replace(/><\/a>/g,'%20/></a>');}thumbs.parentNode.insertBefore(div,thumbs);document.getElementById('yourcode').value=thumbcode;})()){kind=link}
In Firefox, drag it to your Bookmarks Toolbar. Use it when in visiting the pages of your photosets (lots of thumbnails).
or
codr:Userscript
Requires GreaseMonkey, a great Firefox extension. When active, will show a textbox with the code when you visit a photoset page.
UPDATE, 2006-07-15:… it now works in your Favorites too.
And now, about those Water Dropplets:
No Comments