How can I insert an image into the text area of an attached page of an image?
-
I want to insert an image into an image’s attached page. The end result will be that when someone clicks on the image placed on the webpage, that image’s attached page will open up to see the image, but also within the text see another image with a few changes done to it.
That way I can describe what is going on with the photo. I have the tag lines already in, but the image does not show in the text area with the text.
The blog I need help with is: (visible only to logged in users)
-
One more question – When I click on the image on my page it goes to a blank page with just the image. When I click on the image from the Media Library, it goes to a page formated like my website (which is what I want.)
What do I have to do to show that formatted image page on my site when I click on the image from my site?
-
a) You have to paste the image code into the Description field of the main image.
b) If you’re talking about your front page, you need to go to Settings > Media and disable the carousel view. -
Hi Justpi!
Thanks for responding!
My front page is not the issue. I’m finishing uploading photos today.My issue is on the other pages.
For example:
Go to Photo Restoration.
Click on the before image of the first set of samples.
It takes you to the page showing a larger view of the image with a text area under it. I want to place a few example photos in the text area. I have the area set up but the images are not showing.
You have mentioned the carousel – will this interfere? I don’t necessarily need the carousel. In fact the images are not rotating in the order I want anyway.I know this is probably something so simple that I’m missing it. I’m used to hand coding and am expecting it to be more difficult which is part of my problem.
-
The images aren’t showing because their URLs give a 404 (not found). This means you either made a typo in the URLs or you deleted the images from your media library.
As for hand coding, this is the code you need to use in the Description field:
<img src="IMAGE URL HERE?w=300" alt="DESCRIPTION HERE" class="alignright" />
Change the w number to adjust the size of the displayed version.
To get the URL of the image, if it’s already uploaded to your blog, you go to Media > Library, click Edit next to the thumbnail, copy the URL from the File URL field of the Save module. Same thing when you upload a new image: you upload it via Media > Add New and once it’s uploaded you click Edit, etc. -
Thank you so much! When I copied the URL I noticed what I had done. Thank you once again! I just needed someone to pinch me.
- The topic ‘How can I insert an image into the text area of an attached page of an image?’ is closed to new replies.