smughack: bulk zoom thumbnail (super deluxe version)

mk12345 · May 3, 2006

http://ourlife.smugmug.com
So that is what is hiding my bulk zoom checkbox?
Not sure what setting in the customization panel to change. I don't see any checkboxes in the customization panel.

Andy wrote:

Mark:

1) y our background is white, on a black based theme, which means all the helping text is going to be white on white. Change the color in your customization panel to be "white" in the chckbox at the top...

2) the thumbs aren't automagic - you actually have to do something to make them happen. Like tick the box, that says "bulk zoom thumbnail...."

Andy · May 3, 2006

mark.kremer@yahoo.com wrote:

http://ourlife.smugmug.com
So that is what is hiding my bulk zoom checkbox?
Not sure what setting in the customization panel to change. I don't see any checkboxes in the customization panel.

Mark, you've got a bunch of wild stuff going on.. pay attention to all the colors etc - when you are in FF Web Dev, edit the CSS and then delete all your CSS from the edit window, you can then see your page with just the smugmug css - and you can see what you're missing

in the meantime, this will allow you to see the tools you're missing:

#photoTools .foreground {
color: red;
}

mk12345 · May 3, 2006

Got the bulk thumbs working. Thank you!!

Now I have to figure out what is going wrong with my gallery pages backcolor - that is bizarre.

Andy wrote:

Mark, you've got a bunch of wild stuff going on.. pay attention to all the colors etc - when you are in FF Web Dev, edit the CSS and then delete all your CSS from the edit window, you can then see your page with just the smugmug css - and you can see what you're missing

in the meantime, this will allow you to see the tools you're missing:

#photoTools .foreground {
color: red;
}

mitchWright · May 4, 2006

Where can I find this code? The links at the beginning of this thread all say "server down"

mitchwright.smugmug.com

Andy · May 4, 2006

mitchWright wrote:

Where can I find this code? The links at the beginning of this thread all say "server down"

mitchwright.smugmug.com

Devbobo's in Australia, so he's snoozing right now. I'm sure he'll give his server a kickstart when he wakes up. Standby.

devbobo · May 4, 2006

mitchWright wrote:

Where can I find this code? The links at the beginning of this thread all say "server down"

mitchwright.smugmug.com

Hey mitch,

Should be back online now.

David

mitchWright · May 4, 2006

devbobo wrote:

Hey mitch,

Should be back online now.

David

sweet thanks!

but im getting an error message "mus have access to originals"

whats that about?

DavidTO · May 4, 2006

mitchWright wrote:

sweet thanks!

but im getting an error message "mus have access to originals"

whats that about?

You need to go into customize gallery and turn originals on for the BZT to work. When you're done you can switch them back off.

devbobo · May 4, 2006

mitchWright wrote:

sweet thanks!

but im getting an error message "mus have access to originals"

whats that about?

Hey Mitch,

Since I am hooking into preexisting SM logic there are certain limitations that I am stuck with. When I call the function that smugmug uses for the bulk zoom functionality, I need to pass the dimensions of the crop relative to the original pixels dimensions. But the function call I use to get the pixel dimensions of each photo, returns the pixel dimensions for a large image if "Originals" is turned off...this would resulting in a cropped image that wasn't what you wanted.

Hope this makes sense.

David

mitchWright · May 5, 2006

yeah i gotcha, it works great! thanks!

brandofamily · May 6, 2006

Normally the BZT works great now that the updates have been applied, But I tried to do a very large number of pis (304 to be exact) and some did not zoom.
I could post a screen shot, but what I noticed was that when I changed the ratio, where I usually get a greyed out area (outside the crop box) it was just black. The image was there, but black. And those are the ones that did not zoom...
I moved the unzoomed ones to another gallery to try to zoom... we'll see if that works...

bfoster0320 · May 10, 2006

Does anyone have the latest code? I think Devbobo's site is down again.

devbobo · May 11, 2006

bfoster0320 wrote:

Does anyone have the latest code? I think Devbobo's site is down again.

Try now...my wireless died

bfoster0320 · May 11, 2006

devbobo wrote:

Try now...my wireless died

Ok,I used the code from the first page, and put it in the correct places. I do not see the the BZT check box while I am logged in to smugmug. I am using firefox.

My site is http://www.cajunbeauties.com/

The gallery that I am trying to work in is http://www.cajunbeauties.com/gallery/1326175

I don't know what I am doing wrong, as I am new at writing CSS code and Javascript.

By the way, Thanks for re-starting your wireless.

devbobo · May 11, 2006

bfoster0320 wrote:

I don't know what I am doing wrong, as I am new at writing CSS code and Javascript.<img src="https://us.v-cdn.net/6029383/emoji/headscratch.gif" border="0" alt="" >

By the way, Thanks for re-starting your wireless.

ok u need to remove this piece of code from ur javascript section..


<*/script>
  <*LINK REL="SHORTCUT ICON" HREF="http://members.cox.net/bfoster0320/favicon.ico">
<*script></pre>

Cheers,

David

bfoster0320 · May 11, 2006

devbobo wrote:
ok u need to remove this piece of code from ur javascript section..
<*/script>
  <*LINK REL="SHORTCUT ICON" HREF="http://members.cox.net/bfoster0320/favicon.ico">
<*script>
Cheers,

David

Thanks David, can I keep the favicon script somehow?

devbobo · May 11, 2006

bfoster0320 wrote:

Thanks David, can I keep the favicon script somehow?

yeah...put this code (minus the *'s) in ur HEAD section...

<*script>
  <*LINK REL="SHORTCUT ICON" HREF="http://members.cox.net/bfoster0320/favicon.ico">
<*/script>

bfoster0320 · May 11, 2006

devbobo wrote:
yeah...put this code (minus the *'s) in ur HEAD section...
<*script>
  <*LINK REL="SHORTCUT ICON" HREF="http://members.cox.net/bfoster0320/favicon.ico">
<*/script>

That didn't work, but I don't need that anyway, it was just a vanity item. Thanks for all of the help, I really appreciate all of the work that you put into the code, and for the support.

razer · June 22, 2006

The header/footer code link is an empty file am i missing something?

EDIT:

Dont worry eventually found it on page 23. Right off to go and BZT!

snowphoto · August 17, 2006

Uh-oh... I really thought after 26 pages of BZT i could figure it out, but...
<TABLE id=HB_Mail_Container height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0 UNSELECTABLE="on"><TBODY><TR height="100%" UNSELECTABLE="on" width="100%"><TD id=HB_Focus_Element vAlign=top width="100%" background="" height=250 UNSELECTABLE="off"></TD></TR><TR UNSELECTABLE="on" hb_tag="1"><TD style="FONT-SIZE: 1pt" height=1 UNSELECTABLE="on">
</TD></TR></TBODY></TABLE>

<TABLE id=HB_Mail_Container height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0 UNSELECTABLE="on"><TBODY><TR height="100%" UNSELECTABLE="on" width="100%"><TD id=HB_Focus_Element vAlign=top width="100%" background="" height=250 UNSELECTABLE="off">First let me say that all of you are wonderful. I REALLY tried to figure this out without having to post, but I cannot get the bzt box to show up, and i'm so tired of doing all my thumbs individually. I added the code (the first post links are still dead, but i did my homework and read through ALL 26 pages). Can someone out there advise?

Sorry if i'm forgetting to include something-- I'm new to all of this!
www.betsysergeant.com
(that is my smugmug link... my email: snowphoto@gmail.com)

</TD></TR><TR UNSELECTABLE="on" hb_tag="1"><TD style="FONT-SIZE: 1pt" height=1 UNSELECTABLE="on">

</TD></TR></TBODY></TABLE>

razer wrote:

The header/footer code link is an empty file am i missing something?

EDIT:

Dont worry eventually found it on page 23. Right off to go and BZT!

devbobo · August 17, 2006

Hey snowphoto,

ok, firstly append this code to the javascript block...

function isClass(sClass) {
  sClassName = document.body.className;

  re = new RegExp(sClass + "( |$)") 

  if (!sClassName)
    return false;
  return re.test(sClassName);
}

From what I can see, that is all you are missing.

btw, welcome to dgrin

Cheers,

David

snowphoto · August 17, 2006

hmmm... i still don't get a toolbox
<TABLE id=HB_Mail_Container height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0 UNSELECTABLE="on"><TBODY><TR height="100%" width="100%" UNSELECTABLE="on"><TD id=HB_Focus_Element vAlign=top width="100%" background="" height=250 UNSELECTABLE="off">Should i re-do all of my code? :cry Also, this may sound amateur, but how can you tell what my code looks like if you're not logged in as me? Also, will my customization of BZT apply to all pages if i ever figure it out>? Thanks in advance! </TD></TR><TR UNSELECTABLE="on" hb_tag="1"><TD style="FONT-SIZE: 1pt" height=1 UNSELECTABLE="on">
</TD></TR></TBODY></TABLE>

devbobo wrote:
Hey snowphoto,

ok, firstly append this code to the javascript block...
function isClass(sClass) {
  sClassName = document.body.className;
 
  re = new RegExp(sClass + "( |$)") 
 
  if (!sClassName)
    return false;
  return re.test(sClassName);
}
From what I can see, that is all you are missing.

btw, welcome to dgrin

Cheers,

David

AnInfiniteJourney · August 21, 2006

Marvelous hack

thumb Thank you devbobo and everyone else who has worked on this amazing piece of coding. It certainly makes my site a lot tighter. Special thanks to DavidTO for leading the blind man to this excellent hack!!!

Manny · August 21, 2006

snowphoto wrote:

<TABLE id=HB_Mail_Container height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0 UNSELECTABLE="on"><TBODY><TR height="100%" UNSELECTABLE="on" width="100%"><TD id=HB_Focus_Element vAlign=top width="100%" background="" height=250 UNSELECTABLE="off">Should i re-do all of my code? :cry Also, this may sound amateur, but how can you tell what my code looks like if you're not logged in as me? Also, will my customization of BZT apply to all pages if i ever figure it out>? Thanks in advance! </TD></TR><TR UNSELECTABLE="on" hb_tag="1"><TD style="FONT-SIZE: 1pt" height=1 UNSELECTABLE="on">

</TD></TR></TBODY></TABLE>

Betsy, it is simple... your JAVASCRIPT and CSS are fully available on your pages, always :-) It is MEANT for the "viewing browser" to see it as it is code that will execute on the browser. Whether is you the owner or me the guest, it doesn;t matter.

The only thing that should not get seen are things like

PHP
CGI such as C or C++ or PERL, SSI code, etc.

Cheers

Manny · August 21, 2006

My turn to thank the developers
To the code hackers, thanks again for the best of tools

Between the BZT and SS, I am a happy camper... and also all the extra bits of nuggets of info and the customization stuff from Andy and Mike L. and DavidTO and David Perry and all of you hacks. Really, thanks.

You may want to think to put up a PAYPAL tip box on your sigs

P.S. If I missed anyone, it was not on purpose

Manny · August 25, 2006

Performance Test
WOW! I just used the hack on two galleries, back to back, one with over 800 images, another with over 700 images... Did it via all thumbs view and was amazed how fast it actually went. I have the speedup FF trick enabled and the whole thing took about 20 minutes end to end.

Amazing

http://manny.smugmug.com/Sports/221397

spider-t · August 25, 2006

hmmm... i still don't get a toolbox

snowphoto wrote:

Should i re-do all of my code? :cry Also, this may sound amateur, but how can you tell what my code looks like if you're not logged in as me? Also, will my customization of BZT apply to all pages if i ever figure it out>? Thanks in advance!

Hey Betsy!

I don't get a toolbox when I try to this with a 'smugmug' style gallery. If you haven't already, try changing your gallery style to 'traditional' or 'all thumbs' before you check the bulk zoom box.

Then you can change it back to 'smugmug' after the resize is done.

cheers!
Trish

Mog · September 4, 2006

Ohh Heck....
Ok so I'm bored at work and looking at other peoples galleries I decide that the resized thumbs really do look clean and nice... Soooo I'll have a go on my gallery...

I've added all the CSS, Java and Header TXT, I believe I have done this correctly as I now have the 'Bulk Zoom Thumbnail' check box..

I then go into my gallery I want to start with:

http://mog.smugmug.com/gallery/1610513/2

And click the check box 'Bulk Zoom Thumbnail' box, I then get dozens of popups telling me:

Error: bulk zoom thumbnail requires access to originals. "78335864" "L" "800" "600" and an OK box

Any help much appreciated

bwg · September 4, 2006

Mog wrote:

Ok so I'm bored at work and looking at other peoples galleries I decide that the resized thumbs really do look clean and nice... Soooo I'll have a go on my gallery...

I've added all the CSS, Java and Header TXT, I believe I have done this correctly as I now have the 'Bulk Zoom Thumbnail' check box..

I then go into my gallery I want to start with:

http://mog.smugmug.com/gallery/1610513/2

And click the check box 'Bulk Zoom Thumbnail' box, I then get dozens of popups telling me:

Error: bulk zoom thumbnail requires access to originals. "78335864" "L" "800" "600" and an OK box

Any help much appreciated

you need to have originals enabled for the gallery which you are trying to zoom thumbnails on.

yeah, it sucks i know. You're logged in and you shouldn't be pestered for such things, but that's just the way it has to work.

Mog · September 4, 2006

Thanks for the reply...

Do I have to keep originals enabled or can I turn them back off when I have created the thumbnails...?

Thanks again...

smughack: bulk zoom thumbnail (super deluxe version)

Comments