Best Of
Re: Upcoming Lightbox improvements (2019 edition)
@sarasphotos said:
@evansmug said: Hi folks, Evan here (filling in for @leftquark while he's out). As noted, captions and title additions are now live for both normal lightbox view as well as slideshow. The intent was indeed for captions/titles to remain on the photo, specifically during slideshow playback. You'll notice titles/captions still do auto-hide in normal lightbox view. For slideshow, we wanted to ensure the viewer has the most ideal experience. Given the short duration of each photo on the screen during playback, it feels more ideal to have the title/caption continuously show (so the user can read, while not having to manually interact with the mouse). Also, it looks less jumpy when titles/captions are not appear/disappearing constantly as the photos progress.
@leftquark This post was now a couple of weeks ago - I keep checking random galleries and I still see neither captions nor titles in the slideshow although they display in the lightbox. Am I somehow missing something? (PS: I have no custome CSS that could affect this.) Thanks, Sara
Sara, I you have not already found a solution to this, here is something to try. You may have slideshow titles/captions turned off. The control to turn them on is very obscure. Go to a gallery, select Customize / Content and Design. Mouse over the main gallery display and click the wrench at the upper left of the blue or green box that that appears around that main gallery section. That will bring up the Gallery Styles selection box. At the bottom, click the arrow to the right of the word "Slideshow". A menu will appear where you can adjust a variety of options, including whether captions are or are not shown. This dialog box may have been originally meant to set options when the whole gallery uses the Slideshow style, but it also sets options for the slideshow display in the Lightbox.
Jtring
Re: Strictly For The Birds
It's always great to share techniques and strategies and what motivates us in our photography. Instead of a specific section, I thought I might as well send you the complete link to a "hints & tips" page I created, which shares how I use my Canon SX50 and strive for the "look" I'm after in all of my photographs, including those that feature a black background.Stumblebum wrote: »Share if you get a moment!
You can simply scroll down to the heading titled "MY BLACK BACKGROUND PHOTOS" if you want to save time! Here's the link:
https://tonybritton.smugmug.com/Other/Canon-SX50-HS-Hints-Tips/
Tony
RIP Full-screen Slideshow?
I first started with SmugMug in May, 2006 and followed its ups and downs over the years until April this year when I mistakenly thought I could live without it. I rejoined in July!
One of the features of SmugMug I really enjoyed and brought me back was the full-screen (and I mean really full-screen, edge-to-edge) slideshow. This shows my images to their fullest extent in all their ‘glory”. This feature is also available on Apple Photos but, unlike Apple, SmugMug allows me to show the captions I have carefully crafted for my viewers and to adjust the timing of the slideshow.
However, I notice, with some dismay, that the Slideshow appears to be tangled up with the new Lightbox changes. My public galleries are in Collage (Landscape) style and now, when I hit the slideshow arrow on the header image, I am taken to the “new, improved” slideshow. Not only does this not show my captions but it is no longer full-screen.
At least for now, I have found a clunky workaround. I can add a slideshow content block to each gallery containing the images from that gallery. This shows the “old” slideshow style (full-screen, captions and all). However this kludge means I also have to customize each gallery individually to ensure that each gallery slideshow block includes only the images for that gallery.
It is also somewhat inconsistent, since selecting the slideshow content shows the “old” style but hitting the arrow icon on the header invokes the “new” slideshow. I fear the “old” slideshow will disappear altogether eventually.
I understand the reasoning behind the new Lightbox changes. It is preferable to be able to view images without the clutter of captions, icons etc. overlaying the image itself. But the slideshow is a different beast. I would think that most slideshow viewers are not inspecting the images in any great detail but would like a sentence or two describing what they are looking at. The controls are only visible on hover, so do not distract.
I would like to request that, for slideshows:
1 Real edge-to-edge full screen slideshows be made available. Maybe, this could be done by providing an option to remove the border from the “new” slideshow.
2 Allow permanent display of captions overlaying the bottom edge of the image, NOT by shrinking the image and displaying the caption alongside.
3 Allow the controls to be displayed only on hover so that they are not a permanent distraction on the images.
I suppose that slideshows might be considered old-fashioned and uncool but I think these changes would improve the experience.
Richard
Goughy
Re: Upcoming Lightbox improvements (2019 edition)
Some of the issues folks have been raising can be addressed by CSS. I've been testing the code below, using the Stylus plugin to push the CSS onto the display in the organizer lightbox locally. The basic idea is to fiddle with colors, fonts, and spacing to emphasize the caption and de-emphasize everything else. The picture at the bottom shows the result. (By the way, the high shutter speed was needed because of wind.)
I'm not using titles. I agree they look really good, but until I can sort galleries on titles, they just don't work for me. My effective sorting key / title for many photos are the first few words of the caption, as is the case in this example. I'm not going repeat the same text in the title and caption just so I can sort. Attractive, yes. Functional, not yet.
This still requires a button click to show all the information. It agree it would be nice to have a switch to allow that panel to be on by default.
In the example, you'll see a margin. I've been posting pictures at up to 2440 high and 1320 wide so that on my QHD monitor I get a margin when showing the originals, with no loss of sharpness because of browser scaling. That, of course doesn't work for other size monitors. I certainly agree a little bit of margin is nice and would love to have switch to make it possible to turn it on for all size monitors. (I've expressed my opinions elsewhere on the evils of relying on browser scaling, but there not much new to be said on that one.)
/* In-process CSS mods for Lightbox-v2 exercised via the Stylus plugin.
Tested on Firefox and Chrome
James Ringland. Last update 5 August 2019 to clean up some of the comments
/* Turn off all bottom buttons -- title and buy button */
.sm-user-ui .sm-lightbox-v2-photo-buttons {
display:none;
}
/* Light grey on everything except the title and caption in the info sidebar that isn't already*/
.sm-user-ui .sm-lightbox-v2 .sm-lightbox-v2-sidebar .sm-imageinfo-value,
.sm-user-ui .sm-lightbox-v2 .sm-lightbox-v2-sidebar button,
.sm-user-ui .sm-lightbox-v2 .sm-lightbox-v2-sidebar h5{
color: #989ba2;
}
/*Caption adjustments, all to increase emphasis and focus on this section*/
.sm-user-ui .sm-lightbox-v2 .sm-image-metadata-caption {
color: white;
font-size: 18px;
line-height:1.33em;
}
/* Extra space above keywords, again adding focus on caption*/
.sm-user-ui .sm-lightbox-v2 .sm-image-metadata-keywords {
margin-top:48px;
}
/* Remove unnecessary keywords lable*/
.sm-user-ui .sm-lightbox-v2 .sm-image-metadata-keywords h5 {
display:none;
}
/*Remove the Show More [camera info] button. Restore when logged in.
It's too much information and too much clutter for general browsers, but I
occaisionally like to check some of it as the owner.*/
.sm-user-ui .sm-lightbox-v2 .sm-imageinfo-advanced-btn {
display:none;
}
.sm-user-loggedin .sm-lightbox-v2 .sm-imageinfo-advanced-btn {
display:inline-flex;
}
/* Narrow the spacing on the detailed image information, closer to what it was before the
most recent change. This removes the need for scrolling in most cases.*/
.sm-lightbox-v2-sidebar-content .sm-imageinfo-container .sm-imageinfo-label,
.sm-lightbox-v2-sidebar-content .sm-imageinfo-container .sm-imageinfo-value {
padding-bottom: 3px;
}
Jtring
Re: Organization used my photo without consent to make money. What to do?
MoonMan
You could also contact www.imagerights.com
For a fee, they should be able to collect for you, and more than likely whey will be able to get you much more than you could yourself. In my experience, well worth the small amount that they charge.
Tell them that I reffered you.
Brad Sharp
www.sharpfotos.com
bsharp
Re: A variety of images from my travels :)
A great set. I really like the 3rd image, nice work! my favorites are the New England images. It would be beneficial to number your images, to make it easier to comment on them.
Phil
Re: Forcing a Single Photo in Sidebar to Resize with Browser Window Size
Think I found it. Add display: block; here:
.homepage__image img {
max-width: 100%;
width: auto;
display: block;
}
Re: Forcing a Single Photo in Sidebar to Resize with Browser Window Size
Using a HTML/CSS block, add this to the HTML section:
<div class="homepage">
<div class="homepage__image"><img src="https://photos.smugmug.com/2019/KL-Randoms/n-RNrKGN/i-c4HqdWm/0/a0303d5d/X4/i-c4HqdWm-X4.jpg" alt="" /></div>
<div class="homepage__wrap">
<div class="homepage__content">
<h1>VIKTOR.35MM</h1>
<p>photographer</p>
<button><a href="/Images">View Photos</a></button>
</div>
<div class="homepage__social"><a href="https://instagram.com/viktor35mm/"><span class="sm-fonticon sm-fonticon-large sm-fonticon-Instagram2"></span></a></div>
</div>
</div>
Add this to the CSS section:
h1 {
font-size: 20px;
letter-spacing: .5em;
}
h1, p {padding: 0 0 1.5rem;}
.homepage,
.homepage__wrap,
.homepage__social {display: flex;}
.homepage__image img {
max-width: 100%;
width: auto;
}
.homepage__image,
.homepage__wrap {
width: 50%;
flex-direction: column;
}
.homepage__content {
padding: 1.5rem;
text-align: center;
margin: auto;
}
.homepage__content button {
padding: 0;
border: none;
background: none;
text-transform: uppercase;
}
.homepage__content button a {
padding: 1rem 2rem;
border: 2px solid;
background: white;
}
.homepage__content button a:hover {
background: rgba( 0, 0, 0, .1 );
}
.homepage__social {
padding: 1.5rem;
align-items: flex-end;
justify-content: center;
}
@media only screen and ( max-width: 800px ){
.homepage {display: inline;}
.homepage__image,
.homepage__wrap {width:100%;}
}
When the screen is less than 800px, it will put your content under your picture.
Re: Winter Water
Thanks Phil! Are you on island now??? Let's connect! Is your project over toward Ma'alaea side?
I'm currently not on the island. One of my project managers was just there last week. The current project we are involved with, is in the Maluaka area. We will be involved on another project starting sometime later this summer in Paia. I may be over then, for the installation of several large steel, radius stair systems. In the mean time, I'l continue to look forward to your images.
Phil
Re: Smart gallery maximum display size not applying
Smart galleries honor the size from the original gallery.
From the help page at https://help.smugmug.com/display-a-photo-in-multiple-galleries-ryaGgev1EBM:
Note: All photos that are collected into other galleries will honor the settings from the original gallery. This means if you've applied watermarks, custom pricing, limited the largest size, etc., these will apply to your photos no matter where they're displayed. If you want to block the sales of photos completely, be sure to set a pricelist with no items for sale and apply it to the original source gallery.
