[plugin] [ORPHAN] upm_image: More powerful image display

Gulfcoast · 2009-05-17 15:02:06

I’m using the following in my article: <txp:upm_image form=“upm_image” image_id=“34”/> with the following form specs:

<img src=”<txp:upm_img_full_url />” width=”<txp:upm_img_full_width />” height=”<txp:upm_img_full_height />” style=“float: left;” alt=”<txp:upm_img_alt />” /><br /> <txp:upm_img_caption/>

Can someone give me an idea how to display the caption under the image instead of to the right? Thank you.

jsoo · 2009-05-17 15:51:22

Don’t float the image itself. Put it and the caption in a floating div instead.

ploinkr · 2009-05-28 16:06:35

Trying to insert an article image’s URL here with <txp:upm_img_full_url />, but it’s not working so far; can someone tell me what could be wrong? – Thanks…

<script type=“text/javascript”> var so = new SWFObject(“http://www.skol.ca/flvstuff/flvPlayer.swf?imagePath=<txp:upm_img_full_url />&videoPath=<txp:body />& […] </script>@

els · 2009-05-28 16:23:32

I think you need something like <txp:upm_article_image><txp:upm_img_full_url /></txp:upm_article_image>.

ploinkr · 2009-05-28 17:01:52

Bingo! Thanks Els :-)

Gulfcoast · 2009-06-12 16:15:02

I’m still having a dickens of a time centering the caption under the image yet having the image float as well. My form is:

<p><img src="<txp:upm_img_full_url />" width="<txp:upm_img_full_width />" height="<txp:upm_img_full_height />" alt="<txp:upm_img_alt />" /></p> <p class="caption"><txp:upm_img_caption /></p>

and my caption css is:

@.caption {

margin: 0; font: .90em Trebuchet MS, verdana, tahoma, sans-serif; color: #333; clear: left;
}@

Here is a sample article and what the format is currently:

http://www.charlottes-saddlery.com/txp/articles/28/gracie-s-roll-with-death

Can anyone point me in the right direction? I think I’ve got myself a little confused at this point. Thank you.

els · 2009-06-12 16:38:25

You can wrap the image + caption in a div and give it the width of your image, and add text-align: center; to .caption.

Rexel · 2009-06-12 16:47:46

put the image and the caption in a div and center the caption within it.
an extra markup in the source but the caption will wrap inside the div if it’s longer than the image that way the caption can’t pass the image, stay under it and centred.

Els beat me to it, lol

Last edited by Rexel (2009-06-12 16:52:50)

Gulfcoast · 2009-06-12 17:11:00

Got it! Thanx guys.

warmrobot · 2009-06-27 13:02:23

Hello everyone!

I want to perform one non-standard action in database: replace <upm:image…> staff to its actual visiual presentation. I mean static HTML.
So steps are:
1) search Body entries for <upm:> expression
2) find image (and thumb) dimensions in associated image_id parameter
3) replace Body containment with static HTML which is written in special form for <upm:image>

For my bad luck I am not a MySQL professional. Can anybody give some advices how to do this?

gomedia · 2009-07-11 22:38:58

Hi,

upm_image is my favourite image tag, but I need some guidance!

I must be being particularly dense this morning because I’m trying to implement the following scenario & I’m struggling:

1) Article has mulitple images associated with it (in this case 4)
2) All images to be output together on a page but each image requires a <div> wrapped around it

In the page I’ve got:

<txp:article >
	<txp:upm_article_image show_width="0" show_height="0" form="image_wrap" />
	<txp:body/>
</txp:article>

In form “image_wrap” I’ve tried:

<div>
	<txp:upm_article_image />
	<txp:upm_img_caption />
</div>

- this produces the caption once for each image but all 4 images each time

and this:

<div>
	<txp:upm_image />
	<txp:upm_img_caption />
</div>

complains about a lack of image being requested.

Should I be using <txp: upm_img_list>, I so how?

And on a side note an option to duplicate the image’s alt text as it’s title would be handy. That way I only have to fill in the Alternate Text and have the plugin output it as the title, as well as the alt.

masa · 2009-07-12 00:04:28

gomedia wrote:

1) Article has mulitple images associated with it (in this case 4)
2) All images to be output together on a page but each image requires a <div> wrapped around it

Adi,
I’m not sure if that helps, but upm_image has a plethora of attributes. Have you looked into break="value" for <txp:upm_article_image /> ?

And on a side note an option to duplicate the image’s alt text as it’s title would be handy. That way I only have to fill in the Alternate Text and have the plugin output it as the title, as well as the alt.

I think you could use title="<txp:upm_img_alt />". I’m posting one of my forms below as an example; just needs adding the title attribute.

<p><img class="caption" src="<txp:upm_img_full_url />" width="<txp:upm_img_full_width />" height="<txp:upm_img_full_height />" alt="<txp:upm_img_alt />" /></p>
<p class="caption"><txp:upm_img_caption /></p>

Textpattern CMS

Textpattern CMS support forum

#325 2009-05-17 15:02:06

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#326 2009-05-17 15:51:22

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#327 2009-05-28 16:06:35

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#328 2009-05-28 16:23:32

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#329 2009-05-28 17:01:52

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#330 2009-06-12 16:15:02

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#331 2009-06-12 16:38:25

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#332 2009-06-12 16:47:46

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#333 2009-06-12 17:11:00

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#334 2009-06-27 13:02:23

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#335 2009-07-11 22:38:58

Re: [plugin] [ORPHAN] upm_image: More powerful image display

#336 2009-07-12 00:04:28

Re: [plugin] [ORPHAN] upm_image: More powerful image display

Board footer