On this membership site I am only able to download the thumbnails, which PicaLoader does nicely. However the full-size images are loaded by clicking the thumbnail on the page, which opens up a pop-up window. Since the site is password protected, I'll provide the code:
<a href="javascript:void('0');" onClick="imagePopup('photos/CINDA_THU/3_7_Cinda_Thu13.jpg');" title="Actual Size"><img class="shadow" src="photos/CINDA_THU/Thumbs/3_7_Cinda_Thu13.jpg" border="0"></a>
and the Javascript imagePopup function is this:
function imagePopup(url){
if(typeof(url)!="object"){
window.golarge = window.open("","","top=10,left=10,width=30,height=30,scrollbars=yes,resizable=yes");
window.golarge.document.open();
window.golarge.document.write('<html>');
window.golarge.document.write('<head>');
window.golarge.document.write('<title>.:: Displaying Image ::.</title>');
window.golarge.document.write('</head>');
window.golarge.document.write('<style>\n');
window.golarge.document.write('.link {font-family: Verdana, Arial, Helvetica; font-size: 10pt; color: #4F8FCF; font-weight: bold;}');
window.golarge.document.write('.link:hover {color: gray;}');
window.golarge.document.write('</style>\n');
window.golarge.document.write('<body topmargin="3" leftmargin="3" marginwidth="3" marginheight="3">\n');
window.golarge.document.write('<table height="100%"><tr><td align="center" valign="middle"><img border="0" src="'+url+'" onLoad="opener.imagePopup(this);"><br><img src="images/spacer.gif" width="1" height="5" alt=""><table cellspacing="0" cellpadding="0" border="0"><tr><td width="22"><a class="link" href="javascript:window.print();"><img src="images/sm-print.gif" width="19" height="19" border="0" alt="Print Image"></a></td><td width="22"><a class="link" href="javascript:window.close();"><img src="images/sm-close.gif" width="19" height="19" border="0" alt="Close Window"></a></td><td><a class="link" href="javascript:window.close();">Close</a></td></tr></table></td></tr></table>\n');
window.golarge.document.write('</body>\n');
window.golarge.document.write('</html>\n');
window.golarge.document.close();
}
else{
if(document.layers)
window.golarge.resizeTo(url.width,url.height);
else
window.golarge.resizeTo(url.width+40,url.height+80);
}
}
The image filenames are not consistent, so using the sequential numbering function isn't going to work that well in this case. I do haev the Javascript checkbox checked.
Any ideas?