You can put all the videos in a separate gallery and if you add this to your
CSS only the video will show and not the special thumb above the video.
#mainImageLink {display:none;}
Allen, do you (or anyone?) know of a way to remove the special thumb if the video is embedded in a gallery with photos also? I'd love to be able to have both! I thought I read about some code somewhere that would display images only of a certain size, but I can't remember where I read it.
They way I do it, is to upload a thumbnail-size still from the video (with an added "play" button) as the photo, and embed the video code in the caption field.
This also allows the videos to be keyworded, just like a normal photo.
The play button is not added to the picture...i cannot grab the image with it on..i am not sure what you mean by added play button.. i can only get the image off youtube without the play button. How do i put that button on?
photoshop... see post number 11... he posted the button image... it's then up to you to create the thumbs...
FYI: make the thumb pic to the dimension ratio your planning on using in the gallery... zooming the thumbnail does not work so well for this...
good luck...
Oh, I saved the button as a tiff since I was working w/ tiffs in PS (make sure to save it as the same resolution as your iameg your working with to created the thumb)... I created 1200px by 1200 px images and the button seemed to fit nicely...
photoshop... see post number 11... he posted the button image... it's then up to you to create the thumbs...
FYI: make the thumb pic to the dimension ratio your planning on using in the gallery... zooming the thumbnail does not work so well for this...
good luck...
Oh, I saved the button as a tiff since I was working w/ tiffs in PS (make sure to save it as the same resolution as your iameg your working with to created the thumb)... I created 1200px by 1200 px images and the button seemed to fit nicely...
I was afraid of that..I don't know how to do that in photoshop.. any tips? I got both images but don't know how to put them together in one image.
I was afraid of that..I don't know how to do that in photoshop.. any tips? I got both images but don't know how to put them together in one image.
Hi Louise,
If you have both images open in photoshop, simply copy the play button image and paste it into the thumbnail image. It will paste the play button onto a separately layer within your thumbnail image. You can move it around to your desired location, resize it, or make any other changes you wish, and then save the thumbnail image.
I was afraid of that..I don't know how to do that in photoshop.. any tips? I got both images but don't know how to put them together in one image.
as I said, the button image given here works nicely on a 1200px by 1200 px image... size the background image 1st... and flatten the thumbnail before saving...
Anthony, do you know how I can get rid of the thumb displaying as the main picture (since the video is in the description)? It looks so awkward. I need the thumb for the link to the video, but I don't want it to display with the video.
Anthony, do you know how I can get rid of the thumb displaying as the main picture (since the video is in the description)? It looks so awkward. I need the thumb for the link to the video, but I don't want it to display with the video.
The image I uploaded for the thumb displays as the gallery image and the video displays as the description. I don't want the thumb image to display, only the video. I hope that makes sense?
The image I uploaded for the thumb displays as the gallery image and the video displays as the description. I don't want the thumb image to display, only the video. I hope that makes sense?
Thanks, Anthony. I do have FF WD, but I still haven't quite figured out how to use it to my advantage. I'll play around with your code and see if I can make it work for me.
If you have both images open in photoshop, simply copy the play button image and paste it into the thumbnail image. It will paste the play button onto a separately layer within your thumbnail image. You can move it around to your desired location, resize it, or make any other changes you wish, and then save the thumbnail image.
if you have FF WD tools it will make life easier in figuring out the code pieces...
I'm about to tear my hair out. I've tried everything I can think of, including mucking around with your code but nothing is giving me the result I want.
#mainImage {display:none} is close, but I want the main image to display for the rest of the photos. Just not the one that's actually an embedded video. Is there a way to suppress a single image? I've tried tacking the image ID# onto the code, but no go
I'm about to tear my hair out. I've tried everything I can think of, including mucking around with your code but nothing is giving me the result I want.
#mainImage {display:none} is close, but I want the main image to display for the rest of the photos. Just not the one that's actually an embedded video. Is there a way to suppress a single image? I've tried tacking the image ID# onto the code, but no go <img src="https://us.v-cdn.net/6029383/emoji/ne_nau.gif" border="0" alt="" >
I will expain what Idid and see if it helps as I am confused by what you are looking for...
1st I loaded the pre-made thumbs in the gallery along with a starting image... one that will show up 1st when the gallery is called from the navbar... this tid bit will not work if you click the gallery thumbs to nav to the gallery...
2nd I hid the main image and created a larger space for the #caption_bottom giving it a border and a back-ground image.
3rd I clicked on the starting image so I could get the url I need for the navbar... you can nav right to which ever image your want... default is the 1st image... but I want that starting image in the last space so I have to adjust the nav url
4th I hide the thumb of that starting image for a cleaner look.. thats the line w/ the "Tiny" code....
last I add the embed code into the caption of the image wrapping it in the <html> </html>
If any of this helps great, if not sorry.. I'm just not getting what you are after...
I will expain what Idid and see if it helps as I am confused by what you are looking for...
1st I loaded the pre-made thumbs in the gallery along with a starting image... one that will show up 1st when the gallery is called from the navbar... this tid bit will not work if you click the gallery thumbs to nav to the gallery...
2nd I hid the main image and created a larger space for the #caption_bottom giving it a border and a back-ground image.
3rd I clicked on the starting image so I could get the url I need for the navbar... you can nav right to which ever image your want... default is the 1st image... but I want that starting image in the last space so I have to adjust the nav url
4th I hide the thumb of that starting image for a cleaner look.. thats the line w/ the "Tiny" code....
last I add the embed code into the caption of the image wrapping it in the <html> </html>
If any of this helps great, if not sorry.. I'm just not getting what you are after...
Thanks, Anthony. I think the reason your method works for you, is you only have videos in your gallery. Do you have any galleries that are a mix of photos and video?
My problem is the thumb is ALSO the main image. I've uploaded it as such. The video is simply a description of the main image (thumb). So when a user clicks on the video thumb, they are greeted with an embedded video (description) and the main image (thumb). I'd like to remove the main image in that case so ONLY the description (video) displays. If I remove the main image for the entire gallery, then actual photos won't display.
I appreciate your trying to help me. I wish I could clarify myself better, but perhaps I'm missing some key terminology here. Again if you could take a look at my test gallery, I'd appreciate it!
Again, first thumb (actual photo) needs mainImage (photo) to display. Second thumb (video) I'm hoping to suppress mainImage (thumb). I hope that makes sense!
Thanks, Anthony. I think the reason your method works for you, is you only have videos in your gallery. Do you have any galleries that are a mix of photos and video?
My problem is the thumb is ALSO the main image. I've uploaded it as such. The video is simply a description of the main image (thumb). So when a user clicks on the video thumb, they are greeted with an embedded video (description) and the main image (thumb). I'd like to remove the main image in that case so ONLY the description (video) displays. If I remove the main image for the entire gallery, then actual photos won't display.
I appreciate your trying to help me. I wish I could clarify myself better, but perhaps I'm missing some key terminology here. Again if you could take a look at my test gallery, I'd appreciate it!
Again, first thumb (actual photo) needs mainImage (photo) to display. Second thumb (video) I'm hoping to suppress mainImage (thumb). I hope that makes sense!
Jennifer
OK I follow you now... how many videos are you going to have? You may be able to do it, but you'll need individual code for each video clip... let me try something I'll be right back...
Thanks, Anthony. I think the reason your method works for you, is you only have videos in your gallery. Do you have any galleries that are a mix of photos and video?
My problem is the thumb is ALSO the main image. I've uploaded it as such. The video is simply a description of the main image (thumb). So when a user clicks on the video thumb, they are greeted with an embedded video (description) and the main image (thumb). I'd like to remove the main image in that case so ONLY the description (video) displays. If I remove the main image for the entire gallery, then actual photos won't display.
I appreciate your trying to help me. I wish I could clarify myself better, but perhaps I'm missing some key terminology here. Again if you could take a look at my test gallery, I'd appreciate it!
Again, first thumb (actual photo) needs mainImage (photo) to display. Second thumb (video) I'm hoping to suppress mainImage (thumb). I hope that makes sense!
Jennifer
what style are you going to force? Smugmug is all Ajax'ed and I think your out of luck.. how about another style???
looks like a no go... the mainimage does not seem to have an individual code for each image... alteast not that I can find...
Bummer!! Well, thanks anyway Anthony. I really appreciate your trying. At least I feel somewhat vindicated. I thought for sure I was just missing something elementary. Maybe I'll make a suggestion in the feature requests thread.
They way I do it, is to upload a thumbnail-size still from the video (with an added "play" button) as the photo, and embed the video code in the caption field.
This also allows the videos to be keyworded, just like a normal photo.
I saw your gallery and like being able to include video clips (google video links) WITH photos in the same gallery. I've tried it and it works, except I get a huge photo above the video window top right instead of a small one like yours.
Could you point me in the right direction to fix this?
Appreciate it.
Tx - PC
"If you're not living on the edge, you're taking up too much space."
I saw your gallery and like being able to include video clips (google video links) WITH photos in the same gallery. I've tried it and it works, except I get a huge photo above the video window top right instead of a small one like yours.
Could you point me in the right direction to fix this?
Appreciate it.
Tx - PC
Make sure the image you're uploading is of thumbnail size. I can't recall the exact dimensions off the top of my head, but viewing the properties of any thumbnail image in your gallery should give you the information.
Make sure the image you're uploading is of thumbnail size. I can't recall the exact dimensions off the top of my head, but viewing the properties of any thumbnail image in your gallery should give you the information.
Hope that helps.
Thanks! I figured it out while waiting also! Got some nice things ging on now - It's so fun!
Hey, I really liked PBolchover's examples because you could mix Photos and Videos in the same gallery. But those mini thumbs really bug me. I think I found a solution I can live with. None of the other photos in my gallery are captioned, so I used this code to put the caption (which includes the video) *above* the photo:
So yeah, if you have captions on your photos, they'll look funny above the image. But if you don't caption your images (in other words, if you're lazy like me), it works well, and prevents people from accidentally clicking on the fake thumbnail, or just thinking "What's that stupid thumbnail doing above the video?" At least here on my crappy 1024x768 screen, the thumbnail falls "below the fold".
Another hack, I suppose, would be to disable lightbox for this gallery. But the captions don't show up in non-lightbox pop-up window view either, so enh. I guess the best thing would be to disable clicks altogether, a la the journal hack. But then people wouldn't be able to see the images full-screen. Oh the dilemma! If only there was a service that treated Video and Photos as equal citizens. :P
But this will do for the occasional video I want to post to SmugMug but not convert to crappy MPEG-1. (I couldn't get my 5-minute little AVI to convert to MPEG-1 and be smaller than 40MB, because I didn't want to compromise on quality or size.) Also, Phanfare's bitrate options are sooooo much better than YouChoob or Google Video.
Comments
I'm not sure what it is but when I view your source code and search for this piece it will not find it with the standard " typed...
canonrt, please use a text editor like notepad and not a word processor..
My Website index | My Blog
I will try it out later.............THanx again guys...................John
Allen, do you (or anyone?) know of a way to remove the special thumb if the video is embedded in a gallery with photos also? I'd love to be able to have both! I thought I read about some code somewhere that would display images only of a certain size, but I can't remember where I read it.
Jennifer
The play button is not added to the picture...i cannot grab the image with it on..i am not sure what you mean by added play button.. i can only get the image off youtube without the play button. How do i put that button on?
FYI: make the thumb pic to the dimension ratio your planning on using in the gallery... zooming the thumbnail does not work so well for this...
good luck...
Oh, I saved the button as a tiff since I was working w/ tiffs in PS (make sure to save it as the same resolution as your iameg your working with to created the thumb)... I created 1200px by 1200 px images and the button seemed to fit nicely...
I was afraid of that..I don't know how to do that in photoshop.. any tips? I got both images but don't know how to put them together in one image.
Hi Louise,
If you have both images open in photoshop, simply copy the play button image and paste it into the thumbnail image. It will paste the play button onto a separately layer within your thumbnail image. You can move it around to your desired location, resize it, or make any other changes you wish, and then save the thumbnail image.
Hope that helps.
Hopefully this works. i just threw it together for testing purposes.
http://www.smugmug.com/gallery/3200566/1/176420245
The image I uploaded for the thumb displays as the gallery image and the video displays as the description. I don't want the thumb image to display, only the video. I hope that makes sense?
1st, force the stlye to smugmug
here's my code
/*SM Video Gallery 2007*/ .gallery_2951399 #mainImage {display:none;} .gallery_2951399 #caption_bottom {display:block !important; border:ridge 4px #D5B790; background-image: url(http://brandolinoimaging.com/photos/175911928-O.jpg) !important; width:600px; _background-image: url(http://brandolinoimaging.com/photos/175911948-O.jpg) !important; _width:592px; height:516px; padding:0; text-align:center;} .gallery_2951399 #photoNavTop, .gallery_2951399 #Tiny_175294006 {display:none;}if you have FF WD tools it will make life easier in figuring out the code pieces...
thanks Jennifer.. works like a charm
#mainImage {display:none} is close, but I want the main image to display for the rest of the photos. Just not the one that's actually an embedded video. Is there a way to suppress a single image? I've tried tacking the image ID# onto the code, but no go
I will expain what Idid and see if it helps as I am confused by what you are looking for...
1st I loaded the pre-made thumbs in the gallery along with a starting image... one that will show up 1st when the gallery is called from the navbar... this tid bit will not work if you click the gallery thumbs to nav to the gallery...
2nd I hid the main image and created a larger space for the #caption_bottom giving it a border and a back-ground image.
3rd I clicked on the starting image so I could get the url I need for the navbar... you can nav right to which ever image your want... default is the 1st image... but I want that starting image in the last space so I have to adjust the nav url
4th I hide the thumb of that starting image for a cleaner look.. thats the line w/ the "Tiny" code....
last I add the embed code into the caption of the image wrapping it in the <html> </html>
If any of this helps great, if not sorry.. I'm just not getting what you are after...
My problem is the thumb is ALSO the main image. I've uploaded it as such. The video is simply a description of the main image (thumb). So when a user clicks on the video thumb, they are greeted with an embedded video (description) and the main image (thumb). I'd like to remove the main image in that case so ONLY the description (video) displays. If I remove the main image for the entire gallery, then actual photos won't display.
I appreciate your trying to help me. I wish I could clarify myself better, but perhaps I'm missing some key terminology here. Again if you could take a look at my test gallery, I'd appreciate it!
http://www.smugmug.com/gallery/3200566/
Again, first thumb (actual photo) needs mainImage (photo) to display. Second thumb (video) I'm hoping to suppress mainImage (thumb). I hope that makes sense!
Jennifer
OK I follow you now... how many videos are you going to have? You may be able to do it, but you'll need individual code for each video clip... let me try something I'll be right back...
what style are you going to force? Smugmug is all Ajax'ed and I think your out of luck.. how about another style???
Bummer!! Well, thanks anyway Anthony. I really appreciate your trying. At least I feel somewhat vindicated. I thought for sure I was just missing something elementary. Maybe I'll make a suggestion in the feature requests thread.
Hi -
I saw your gallery and like being able to include video clips (google video links) WITH photos in the same gallery. I've tried it and it works, except I get a huge photo above the video window top right instead of a small one like yours.
Could you point me in the right direction to fix this?
Appreciate it.
Tx - PC
Make sure the image you're uploading is of thumbnail size. I can't recall the exact dimensions off the top of my head, but viewing the properties of any thumbnail image in your gallery should give you the information.
Hope that helps.
Thanks! I figured it out while waiting also! Got some nice things ging on now - It's so fun!
http://madexpat.smugmug.com/gallery/3325409/1/187418015#187418015
- PC
Chris .. Aka.."Tofer"- Toferphotography toferphotography.smugmug.com ~ Canon EOS 7D 18-135 3.5IS / GoPro Hero4 Silver / Rebel XT (350D) ~ Tamron 17-35mm SP AF 2.8 ~ Sigma 28-300 F3.5-6.3 DG Macro // Canon 75-300 zoom // Canon 430ex // - (Motorola Droid) - Lowepro Slingpack ==> Facebook
.gallery_3789446 #caption_top { display: block !important; } .gallery_3789446 #caption_bottom { display: none; }This is on a private site, but I'll try to throw together an example on my public site later today so people can see what it looks like.
Edit: Here's that example: http://gladlee.smugmug.com/gallery/3711094#218848950
So yeah, if you have captions on your photos, they'll look funny above the image. But if you don't caption your images (in other words, if you're lazy like me), it works well, and prevents people from accidentally clicking on the fake thumbnail, or just thinking "What's that stupid thumbnail doing above the video?" At least here on my crappy 1024x768 screen, the thumbnail falls "below the fold".
Another hack, I suppose, would be to disable lightbox for this gallery. But the captions don't show up in non-lightbox pop-up window view either, so enh. I guess the best thing would be to disable clicks altogether, a la the journal hack. But then people wouldn't be able to see the images full-screen. Oh the dilemma! If only there was a service that treated Video and Photos as equal citizens. :P
But this will do for the occasional video I want to post to SmugMug but not convert to crappy MPEG-1. (I couldn't get my 5-minute little AVI to convert to MPEG-1 and be smaller than 40MB, because I didn't want to compromise on quality or size.) Also, Phanfare's bitrate options are sooooo much better than YouChoob or Google Video.