Article writing help, especially inline images?

[DavidReaves]

I'm starting on an article for my recently built mobile coop. I'd like to be able to include thumbnails/smaller versions of the images inline as I'm explaining, but I would like them to be clickable to show the full-size images for detail. Is that possible using the BYC editor? It is really distracting to the text to have all the larger images inline, but also disruptive to understanding what's going on only having the images all below the text as attachments.

I did a very quick search and didn't find any detailed instructions for the editor. I did see a mention of one possible solution in passing, that wasn't really the topic of the post. One alternative is that I could create a gallery of the coop pictures full size, use downsized images in the article, then post a link to the full-sized image in the gallery with the "thumbnail" image in the article. Will that work? Is that the best solution or is there something else that would work better? If I do that, is there a way to hide the images attached that show normally at the bottom of the post?

Thanks in advance for any suggestions or better approaches!

 

[casportpony]

You can upload the images to the article, then insert them as a full-size or thumbnail. You can also edit the image to be any size.

Insert thumbnail or full image:

This is a thumbnail


This is a full-sized image

This is 100 pixels wide:

To change the size, insert the image as a full-sized image, click the picture then click this:

Change size:

 

[casportpony]

Articles also have their own gallery:
https://www.backyardchickens.com/articles/test.77414/

https://www.backyardchickens.com/articles/test.77414/gallery

 

[DavidReaves]

Testing a thumbnail created with a reduced sized image, then link in gallery.

 

[DavidReaves]

Okay, the size adjustment is helpful for some images. Others, I'd still like to open in a new tab/window full-size, but without losing the original place in the article. In HTML I would do it like this:

<a href="https://www.backyardchickens.com/gallery/chickentractor1_6-jpg.7945159/" target="_blank">Full size image: Sketch1</a>

Is it a security thing that I can't actually open a new tab/window?

 

[Kiki]

Okay, the size adjustment is helpful for some images. Others, I'd still like to open in a new tab/window full-size, but without losing the original place in the article. In HTML I would do it like this:

<a href="https://www.backyardchickens.com/gallery/chickentractor1_6-jpg.7945159/" target="_blank">Full size image: Sketch1</a>

Is it a security thing that I can't actually open a new tab/window?

Do you have some kind of security blocking issue on your device?

 

[Kiki]

Okay, the size adjustment is helpful for some images. Others, I'd still like to open in a new tab/window full-size, but without losing the original place in the article. In HTML I would do it like this:

<a href="https://www.backyardchickens.com/gallery/chickentractor1_6-jpg.7945159/" target="_blank">Full size image: Sketch1</a>

Is it a security thing that I can't actually open a new tab/window?

This is what your article looks like right now on a cell phone:

There is no issue with the picture size or text. It looks perfect.

 

[DavidReaves]

Do you have some kind of security blocking issue on your device?

No, I'm just not able to add the HTML code to the article where it will execute. It shows up just find in a display code box, just like the one above. I'm trying a different way to work around it. Probably I will just include a disclaimer that full-sized images are in the gallery that's included with the article.

 

[DavidReaves]

There is no issue with the picture size or text. It looks perfect.

Yes, I'm coming from old-days HTML web development and I was trying to make the article look like a webpage with pop-up windows for the graphics. I'll have to send the reader to the attachements/article gallery for a full-sized image instead.

 

[Kiki]

Yes, I'm coming from old-days HTML web development and I was trying to make the article look like a webpage with pop-up windows for the graphics. I'll have to send the reader to the attachements/article gallery for a full-sized image instead.

You can just insert the pictures into the article. They all look the same size on a cell phone.