SlideshowBox: lightbox with slideshow, no programming, works anywhere!

wensheng

Hi, using the great callback feature by devbobo, I implemented smugmugbox in pure html+javascript.

It should work on any websites, anywhere, even on your own computer. Just change one line in index.html, then fire it up in a browser.


download: http://wensheng.com/slideshowbox.tar.gz

Demo: http://wensheng.com/ssbox/index.html


Thanks David.

devbobo

WTG wensheng barbbarb

this is really great

Nikolai

Pretty nifty!
Nice work, man!

Sewerman

wensheng wrote:

Hi, using the great callback feature by devbobo, I implemented smugmugbox in pure html+javascript.

It should work on any websites, anywhere, even on your own computer. Just change one line in index.html, then fire it up in a browser.



download: http://wensheng.com/slideshowbox.tar.gz

Demo: http://wensheng.com/ssbox/index.html


Thanks David.

David I had to change the following line to make this work. I had changed line 17 but nothing happened so I scouted out your nick name and found it on this line and changed it to mine and all is well. Cool setup thanks!! src="http:\/\/api.smugmug.com\/hack\/json\/1.2.0\/?method=smugmug.albums.get&SessionID='+sess_id+'&NickName=plumgraphics&JSONCallback=getit2"><\/********');

}

wensheng

Sewerman wrote:

David I had to change the following line to make this work. I had changed line 17 but nothing happened so I scouted out your nick name and found it on this line and changed it to mine and all is well. Cool setup thanks!! src="http:\/\/api.smugmug.com\/hack\/json\/1.2.0\/?method=smugmug.albums.get&SessionID='+sess_id+'&NickName=plumgraphics&JSONCallback=getit2"><\/********');

}

My bad, should be "..nickname='+nickname+'&....".

Thank you for catching it.

I updated the download.

BeachBill

wensheng wrote:

Hi, using the great callback feature by devbobo, I implemented smugmugbox in pure html+javascript.

It should work on any websites, anywhere, even on your own computer. Just change one line in index.html, then fire it up in a browser.


download: http://wensheng.com/slideshowbox.tar.gz

Demo: http://wensheng.com/ssbox/index.html


Thanks David.

David,

Thanks for taking the time to develop this!

Some questions:

1) I can't seem to figure out if smugmugbox and slideshowbox are the same or different?

2) Have you tested slideshowbox against a smugmug account with a lot of galleries? I tried your demo site and it works fine with a few galleries, but when I try it against my smugmug site it dies a slow death. It lists all of my galleries, but only one thumbnail for the first gallery it selects displays. Thumbnails are not coming up for any of the other galleries.

3) Is it possible to adapt this code to point to just one gallery and display a continuous slideshow (with no lightbox)?

gotalkaboutit

David,

I LOVE this! You did an awesome job on all of it.

I just have one question though..

I've heavily modified the way it looks on the page, but no inner-workings of it, and I can't for the life of me figure out how to resize the images correctly so they display un-distorted. As of right now, it's resizing fine, but the images are all different sizes, so setting the thumbnail.width and heighth stretches some of them. Is there a way to make them fit within the 100x100 squares (or whatever size defined), but un-distorted?

Thank you again for creating this, it has been a huge help!

*Edit* I finally figured out the resizing error. I can't figure out how to post the javascript code on here, so I made a blog for it go here to see!

iamback

wensheng wrote:

Hi, using the great callback feature by devbobo, I implemented smugmugbox in pure html+javascript.

It should work on any websites, anywhere, even on your own computer. Just change one line in index.html, then fire it up in a browser.


download: http://wensheng.com/slideshowbox.tar.gz

Demo: http://wensheng.com/ssbox/index.html

I just had a look at your demo page (using Firefox 2.0/Win), but there seems to be a slight problem with title attributes for the images - see attachment. I could not find immediately where the code is generated, but I suspect something like a missing closing quote on the title attribute.

Also, I see thumbnails only, no slideshow - what am I missing?

BeachBill

iamback wrote:

Also, I see thumbnails only, no slideshow - what am I missing?

Click on a thumbnail image -- that starts the slideshow.

devbobo

Hi Wenseng,

An update that I just did to JSON responses appears to have broekn your app.

Sorry :cry

David

iamback

BeachBill wrote:

Click on a thumbnail image -- that starts the slideshow.

Well, duh. That was not obvious at all to me. If I don't see a "slide show selector" but just a series of thumbnails, how would a visitor guess?

LaFlacaD

Ok - so I love this and I want this. How do I implement this. I'm pretty savy at following directions. Are there directions to this - cut what? copy what?? dowload what??

Help me please.

devbobo

LaFlacaD wrote:

Ok - so I love this and I want this. How do I implement this. I'm pretty savy at following directions. Are there directions to this - cut what? copy what?? dowload what??

Help me please.

download the zip file from the OP next to "download:"

LaFlacaD

devbobo wrote:

download the zip file from the OP next to "download:"

OK - I'm obviously a moron.

dowloaded. Got all the files. Read the 'read me' and changed the index line 17
var nickname="yourname"; //your smugmug nickname

to

var nickname="BlahBlah"; //your smugmug nickname

Now what? Copy the code to my webpage? I get nothing but the title "My photos on Smugmug:"

I'm looking to have the thumbnails that are clickable to slideshow. And is there a way to specify the slideshows you want to have used?

I'm sure I'm overcomplicating this.

BeachBill

LaFlacaD wrote:

I get nothing but the title "My photos on Smugmug:"

It appears to be broken as the demo site does exactly the same thing now.

Also when the demo was working, I discovered SlideshowBox does not work with a Smugmug site that has more than just a few galleries.

The original poster, wensheng (author of Slideshowbox), seems to have disappeared. They haven't posted here since May. Hopefully they are on vacation and will return soon. Until then, you might want to hold off on trying to use this.

LaFlacaD

BeachBill wrote:

It appears to be broken as the demo site does exactly the same thing now.

Also when the demo was working, I discovered SlideshowBox does not work with a Smugmug site that has more than just a few galleries.

The original poster, wensheng (author of Slideshowbox), seems to have disappeared. They haven't posted here since May. Hopefully they are on vacation and will return soon. Until then, you might want to hold off on trying to use this.

oh well - thanks. Anything like this that's similiar and works?

devbobo

LaFlacaD wrote:

oh well - thanks. Anything like this that's similiar and works?

This code got broken with an API change we did last week, I will take a look at the code when I get a chance.

Cheers,

David

LaFlacaD

devbobo wrote:

This code got broken with an API change we did last week, I will take a look at the code when I get a chance.

Cheers,

David

any update on this?