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

BrodyBrody Registered Users Posts: 252 Major grins
edited June 11, 2018 in Dgrin Forum Support

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?

Travel & Landscape Favorites at JohnBrody.com / Facebook / Blog / JohnBrodyPhotography.com
________________________________________________________________________________________________

Comments

  • Hikin' MikeHikin' Mike Registered Users Posts: 5,448 Major grins

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

  • RichardRichard Administrators, Vanilla Admin Posts: 19,890 moderator

    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.

  • BrodyBrody Registered Users Posts: 252 Major grins
    edited June 11, 2018

    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.

    Travel & Landscape Favorites at JohnBrody.com / Facebook / Blog / JohnBrodyPhotography.com
    ________________________________________________________________________________________________
  • BrodyBrody Registered Users Posts: 252 Major grins
    edited June 11, 2018

    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...

    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!

    Travel & Landscape Favorites at JohnBrody.com / Facebook / Blog / JohnBrodyPhotography.com
    ________________________________________________________________________________________________
  • RichardRichard Administrators, Vanilla Admin Posts: 19,890 moderator

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

  • BrodyBrody Registered Users Posts: 252 Major grins

    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!

    Travel & Landscape Favorites at JohnBrody.com / Facebook / Blog / JohnBrodyPhotography.com
    ________________________________________________________________________________________________
  • RichardRichard Administrators, Vanilla Admin Posts: 19,890 moderator
    edited June 12, 2018

    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.

  • BrodyBrody Registered Users Posts: 252 Major grins
    edited June 17, 2018

    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 :)

    Yellow Fields Under Cloud Cover in Luxembourg near the Roman Ruins... Actually, 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

    Travel & Landscape Favorites at JohnBrody.com / Facebook / Blog / JohnBrodyPhotography.com
    ________________________________________________________________________________________________
Sign In or Register to comment.