I Can't Post Images With Links Back To Their SmugMug Home Album or Source Photos

Brody

The Code I used to post on Dgrin doesn't work anymore, and I need to figure out why, and get a crash course on how to do it correctly. I noticed that a Mr. Vanilla has moved into town and changed the rules a bit, so I need to get myself up to speed. After my total and abject failure to be able to post or to figure out why I was failing, I noticed there were a couple people that were able to post a photo with an embedded clickable link which takes the clicker back to the image in SmugMug. Using a bit of kindergarten level sleuthing with web inspector, I saw a similarity between what people were using that was working, and the code that I use in my blog. I have posted a bit of one of my blog posts below simply to get a starting point to find out what I'm doing wrong, and how to do it right. The images are there, the alt tags are present (hover the images for examples), the descriptions are there though badly presented and completely uncentered. I also got an error message saying I was 5306 characters in excess of the amount allowable, so I guess I need to know what that number is. I also hope that the solution will have the same functionality if not the same code as the old target="_blank" code snippet that opened up the clicked link/image in a new window, so that your reder/clicker will not disappear off into the World Wide Web, never to return, after their first click on an image.

Help will appreciated !!! (NOTE: Only one image would fit)

<

div class="separator" style="clear: both; text-align: center;">
<img alt="Something Bright and simple for a change!" border="0" src="https://photos.smugmug.com/Travel/Favorites/i-fkh99xd/1/cdd9c637/L/Eiffel-Tower-and-Flowers-1---IMG_1980-CR2auraifltwrwflwrsprst1-L.jpg" title="Something Bright and simple for a change! Is there anyone who's been to Paris and hasn't taken this shot?

Hikin' Mike

Correct, this site doesn't use BBCode or HTML. To post photos there is a image icon on the bottom.

Richard

There are three methods of including images:

1) In the SmugMug Share options, select the Image Only tab, choose a size then copy the text. In Dgrin, paste the text into the popup box for inserting an image. The image will appear inline but it will not be clickable.
2) In the share options, select the HTML tag, choose a size then copy the text and paste it directly in your post. The image will appear inline and clicking on it will open it in the SmugMug gallery using a new tab or window, depending on your browser setting. This is probably the method you want.
3) You can upload an image directly to Dgrin by dragging it into the post. Vanilla has better support for direct uploads than vBulletin had, as you can include multiple images in a single post and it accepts larger files.

HTH.

Brody

Something Bright and simple for a change! Is there anyone who's been to Paris and hasn't
taken this shot?

This was a full blown post with linked image, etc., and it all looked perfect in Preview, a full 2 page post, but when I hit Post, it all vanished leaving only the sentence above...
I'm going to try again and I will back it up and take a screen capture that I can send if it comes to that. Sorry about all the misfires... FYI, I hit 'Save Draft', but nothing saved in the draft section.

Brody

Something Bright and simple for a change! Is there anyone who's been to Paris and hasn't
taken this shot? I doubt it, but here's another - My simple snapshot of the Eiffel Tower
and surrounding grounds...

First off, thank you much Richard for your feedback and assistance. Once again you have saved the day...

I am curious if there is a tutorial section or video that would cover some of the basic questions for the forum. The Vanilla move and Flickr acquisition, must have had some impact here. I don't want to ask questions if they are already answered somewhere. A few of the basic things that comes to mind are like the number of photos per post and appropriate image size, text pros and cons, link yeas and nays, etc. Any info would help.

I do notice that the alt tag is included in the code, but doesn't appear on hover; not sure why. Also, the link doesn't seem to open in a new window like it used to with the target="_blank" command; I'm wondering if there's a workaround...

Thanks again for your help Richard!

Richard

Ah, Paris. It's a pretty shot, but the puddle reflection of the tower in the linked gallery is just awesome!

Brody

Thanks much Richard - I'm dying to get back there. I have a Long list of places that I didn't know existed the last time I was there, and my camera finger is getting itchy for some new photos.

I added a couple comments and questions to the post above if you have any interest. Even if not, the help you gave me before got me over a hurdle I never would've cleared without your advice, so thanks much for that. Have yourself a great week!

Richard

I'm afraid we haven't done a formal tutorial--mostly we've figured it out by trial and error.

@Brody said:
I do notice that the alt tag is included in the code, but doesn't appear on hover; not sure why.

The alt tag was originally intended to display only when its element could not be rendered. It used to appear on hover in IE7, but that was not standard usage and has been deprecated. In HTML5 the title tag does what you want:
<a href="https://rsinmadrid.smugmug.com/Display/New-PicsC/i-BccRhKT/A"><img src="https://photos.smugmug.com/Public/New-pics-1/i-BccRhKT/0/e886d210/M/180529_0173-M.jpg" alt="" title="Old train"></a>
Just add the title tag and whatever text you want. Note that the alt tag is still required even if left null.

Also, the link doesn't seem to open in a new window like it used to with the target="_blank" command; I'm wondering if there's a workaround...

I don't know how to force a new window. In my current Windows version of FF, it opens in a new tab, which is a preference I set in the browser. I think that I could have set it to new window instead, but haven't tested that. Don't know how other browsers handle it.

Brody

Thanks much for another great tip Your title=" " solution works like a charm. Below is one of the posted images as an example.

WIth your permission I was going to share your "red-toned and greasy" train wheels on my G+ acccount (link in my signature if you're curious) but I couldn't find any information on your smug mug photo. Not sure if I'm looking in the wrong place, or that's just not something you mess with. Up to you, obviously

Sample Post with the title tag:

Yellow Fields Under Cloud Cover in Germany near the Roman Ruins (Luxembourg maybe... We were zig-zagging along and across the border)... Actually, I was standing ON the ruins while
shooting this scene, and the view won my interest. I guess I'll just have to go back again to shoot the ruins