Recent changes

[{JT}]

Some changes were made to the site I thought you would like to know about. First up was that css hooks were added to all of the related info below the photos on single image, smugmug and critique styles. So now you can highlight what you want to, or remove parts you don't want at all. You can even make them appear on their own lines:
.photoDetail {
display: block;
}

And these channges would go in your Javascript section:

Changing the duration of the slideshow style (not fullscreen, for now) - is easier too; in your javascript you can use:
slideDuration = 10;

Filmstrip also got a hook; think it should not move by default?
filmstripMove = 0;

Don't like the next or previous image previews? (these will be appearing on other styles soon)
showImagePreview = false;

And of course, lightbox - I think we made some major improvements, but if you still don't like it:
useLightbox = false;

I added more hooks for the lightbox too - you can remove the navigation with CSS as well as make the background as transparent as you want.

There might be more changes I made that you can use to your advantage, but I can't think of them right now :)

[Andy]

:clap Thanks JT - and I've upadated the FAQ also

http://www.dgrin.com/showthread.php?t=26043

[Andy]

If you used #photoKeywords {display: none;}

you now will likely need

#photoKeywords, #keywords {display:none !important;}

[Andy]

I added more hooks for the lightbox too - you can remove the navigation with CSS as well as make the background as transparent as you want.

For example - and thanks to bigwebguy for the CSS:

#lightBoxBG, #cartBG {
background-color: #000000;
opacity: 1;
filter: alpha(opacity=100);
}

[Andy]

For example - and thanks to bigwebguy for the CSS:

#lightBoxBG, #cartBG {
background-color: #000000;
opacity: 1;
filter: alpha(opacity=100);
}


For those of you that have color themes that are important to you, this is a nice touch. Vary the opacity, .9, .8, .7, etc... change the color by simply putting in your 6digit color....

Example:
http://www.moonriverphotography.com/gallery/734406/1/32362680/Original

[Andy]

I added more hooks for the lightbox too - you can remove the navigation with CSS

So, here you go, kids:

/* kills all LightBox Navigation */
#lightBoxNav {display: none;}

/* kills just the <X of XX> navigation, leaving size picker and [X] */
#lbNav {display: none;}

[Barb]

For those of you that have color themes that are important to you, this is a nice touch. Vary the opacity, .9, .8, .7, etc... change the color by simply putting in your 6digit color....

Example:
http://www.moonriverphotography.com/gallery/734406/1/32362680/Original

Oh now this is awesome! I guess Lee gets another big wet kissy huh??!! :stud

[bwg]

Oh now this is awesome! I guess Lee gets another big wet kissy huh??!! :stud

thats better than the fish.

[Barb]

thats better than the fish.

:roflyes, i realized after looking at that fish closely that it wasn't quite what i thought it was. don't blame me ... blame my eyes. they're not as young as they used to be - lol.

[asamuel]

Put this into my CSS

.photoDetail {
display: block;
} /* for the bits of test below pictures in a folder eg. exif details NB I want Comments, size and blogs links and forums */

as the note says I want to keep some of the details turned on. However this code did nothing. What gives? I guess its another error inbetween person and computer interface. Dunno.:huh

[asamuel]

tried this also and it didn't work. don't seem to be getting this.


#exifCameraModel .photoDetail { Display; none
}

#detailsMoreDetails .photoDetail {Display: none
}

#exifOriginalSize .photoDetail {Display; none
}

#detailsCurrentSize .photoDetail { Display; none
}

#photoKeywords .photoDetail {Display; none
}

#editKeywords {Display; none
}

[Allen]

tried this also and it didn't work. don't seem to be getting this.


#exifCameraModel .photoDetail { Display; none
}

#detailsMoreDetails .photoDetail {Display: none
}

#exifOriginalSize .photoDetail {Display; none
}

#detailsCurrentSize .photoDetail { Display; none
}

#photoKeywords .photoDetail {Display; none
}

#editKeywords {Display; none
}

Try this. Display; none should be display: none;

#exifCameraModel { display: none;}

#detailsMoreDetails {display: none;
}

#exifOriginalSize {display: none;
}

#detailsCurrentSize { display: none;
}

#photoKeywords {display: none;
}

#editKeywords {display: none;
}


AL

[Neptune]

So, here you go, kids:

/* kills all LightBox Navigation */
#lightBoxNav {display: none;}

/* kills just the <X of XX> navigation, leaving size picker and [X] */
#lbNav {display: none;}


Stupid question here!!!

What is lightbox :scratch and in the example Andy gave I couldnt see much differnt from other sites

[Andy]

Stupid question here!!!

What is lightbox :scratch and in the example Andy gave I couldnt see much differnt from other sites

http://www.smugmug.com/help/viewing-online-photo-albums

Try it here: http://themes.smugmug.com and be in SmugMug style, and then click on the main image :D

[benchmarc]

Deleted...

[phoenixfeather]

Filmstrip also got a hook; think it should not move by default?
filmstripMove = 0;

I seem to have a series of related problems with the filmstrip modifications. First I wanted to stop the filmstrip as shown above. I misread some of the code on the FAQ on the main site and placed both the "reverse direction" code and the "do not move" code in my JS at the same time. The filmstrip reversed direction - at which time I realized my mistake and removed the "reverse direction" code, however my filmstrip still runs in a reverse direction. I've tried removing all the code and then putting just the "do not move" code back in, but it still seems to run in reverse. It does stop moving if I mouse over the thumbs, but otherwise it keeps on moving.

In addition I have tried to use the SM.PhotoBar.config.position = 'bottom'; code to move the filmstrip bar to the bottom of the selected photography but gotten no result at all.

I've been combing through these archives and not found anything to help me with either problem. Can anyone help please?

[THOnline]

I am using a filmstrip for my homepage slide show (I think, I set it up a while ago). Is it possible to remove the smugmug logo at the start of it? All "remove logo" threads seem to talk about using the slideshow. Or is the filmstrip just old school and I need to update to the slideshow?
http://imagestuffer.smugmug.com

[Dota]

http://www.smugmug.com/help/viewing-online-photo-albums

Try it here: http://themes.smugmug.com and be in SmugMug style, and then click on the main image :D

What do you do to get the "Bigger is Better" effect?

[lgoodwin]

And these channges would go in your Javascript section:

Changing the duration of the slideshow style (not fullscreen, for now) - is easier too; in your javascript you can use:
slideDuration = 10;

I think I must be adding this to the wrong place, because I haven't been able to make it work. I'm trying to make each slide show for less time. I tried putting in a value of 1 to test it at the extremes, but it made no difference.

Does this go in the javascript of the bio box, where the other slideshow code is? Does it have to go before or after the other code? Or is it meant to go in the sitewide javascript box?

Thanks for the help!

[jfriend]

I think I must be adding this to the wrong place, because I haven't been able to make it work. I'm trying to make each slide show for less time. I tried putting in a value of 1 to test it at the extremes, but it made no difference.

Does this go in the javascript of the bio box, where the other slideshow code is? Does it have to go before or after the other code? Or is it meant to go in the sitewide javascript box?

Thanks for the help! I don't think this works any more since the design of the slideshow view was switched to flash. Smugmug does not provide a provision for changing the speed of the slideshow gallery view.

[Resolution]

Hi I tried to change the duration of my slideshow but didn't work

[jfriend]

Hi I tried to change the duration of my slideshow but didn't workThis method of tweaking the slideshow is no longer supported. There is no way of configuring gallery slideshows. There are a number of options for homepage slideshow.

[Allen]

This method of tweaking the slideshow is no longer supported. There is no way of configuring gallery slideshows. There are a number of options for homepage slideshow.
:scratch My "full screen slideshows" still have the thumbs not showing so
something must still work.

[jfriend]

:scratch My "full screen slideshows" still have the thumbs not showing so
something must still work.Some things work in some browsers. As I recall, the customization flat out doesn't work in IE (or some versions of IE). It got to be so much of a pain to keep this working in all browsers that I decided to "unsupport" it and not recommend it any more. If it serves your purposes, that's fine. It's also a bit fragile and could easily break if Smugmug changes something as innocent as a non-public javascript method name.

[Allen]

Some things work in some browsers. As I recall, the customization flat out doesn't work in IE (or some versions of IE). It got to be so much of a pain to keep this working in all browsers that I decided to "unsupport" it and not recommend it any more. If it serves your purposes, that's fine. It's also a bit fragile and could easily break if Smugmug changes something as innocent as a non-public javascript method name.
Yelp, no workie in IE. Those thumbs look like garbage the way they are
cropped. Thanks

[jfriend]

Yelp, no workie in IE. Those thumbs look like garbage the way they are
cropped. ThanksYeah, that's my #1 grip about the full-screen slideshow. Portrait images of people look downright silly in the thumb bar (all heads are cut off).