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

jstubbs · 2009-12-08 20:23:50

Mary, I am using upm_image to create a slider, all works well except that only the first of several images displays and I can’t think right now how to get this working:

<txp:if_individual_article>
slider wrapper..
<txp:upm_article_image form="coda-slider-work" />
/slider wrapper...
</txp:if_individual_article>

Form coda-slider-work:

<div class="panel">
<div class="panel-wrapper">
<h2 class="title"><txp:title /></h2>
<txp:upm_article_image limit="1" />
</div>
</div>

As said all works well except it outputs the same article image 4 times instead of looping through the 4 images.

Output is like this:

<div class="panel">
<div class="panel-wrapper">
<h2 class="title">title1</h2>
<img src="/images/35.jpg" width="500" height="394" alt="home" title="The homepage" />
</div>
</div>
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">title 2</h2>
<img src="/images/35.jpg" width="500" height="394" alt="home" title="The homepage" />
</div>
</div>
...
...

Probably a simple way to do this, but it escapes me right now ;-)

masa · 2009-12-08 22:24:10

jstubbs wrote:

…, all works well except that only the first of several images displays…

Isn’t that what limit="1" should do?

I’m not quite sure, what you want the markup to look like, but the two extra divs in your upm form will be repeated for every image.

els · 2009-12-08 22:45:41

You have a upm_article_image tag inside the form used by the upm_article_image tag… I guess the first one, here:

<txp:if_individual_article>
slider wrapper..
<txp:upm_article_image form="coda-slider-work" />
/slider wrapper...
</txp:if_individual_article>

should be replaced with an article or article_custom tag.

jstubbs · 2009-12-09 07:06:07

Hi Els, I tried that already but it didn’t work. Here is what should happen:

<div class="panel">
<div class="panel-wrapper">
<h2 class="title">title1</h2>
<img src="/images/30.jpg" width="500" height="394" alt="home" title="bla" />
</div>
</div>
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">title 2</h2>
<img src="/images/31.jpg" width="500" height="394" alt="home" title="bla bla" />
</div>
</div>

… and so on. Note the sequential images.

There are 4 images tied to the article image field but there could be 3 or 2. The code should loop through each image and create the panel wrapper as above.

pieman · 2009-12-09 09:49:46

Not quite sure where you’re hoping to get the h2 title from, but how about something like this:

<txp:if_individual_article>
slider wrapper..
<txp:article limit="1">
  <txp:upm_article_image form="slider-images" />
</txp:article>
/slider wrapper...
</txp:if_individual_article>

Form slider-images:


<div class="panel">
  <div class="panel-wrapper">
    <h2 class="title">title 2</h2>
    <img src="<txp:upm_img_full_url />" alt="<txp:upm_img_alt />" title="<txp:upm_img_caption />" width="<txp:upm_img_full_width />" height="<txp:upm_img_full_height />" />
  </div>
</div>

jstubbs · 2009-12-09 13:48:58

Awesome Stuart, thanks. Works a charm. Funny how easy it is to forget how to do things – I’d written how to do it earlier and forgot ;-)

The h2 title is from the Coda Slider 2.0 – its used for the panel tab name. What’s that plugin called that allows one to add a digit i.e 1, 2, 3, 4 each time? adi_calc? That would be great for an individual article slider – tabs with a number instead of a title.

Edit: Yep, its adi_calc. What a great plugin. I’ll write how to get the Coda Slider going on TXP Tips. Thanks all for the help!

Last edited by jstubbs (2009-12-09 14:02:14)

rathersplendid · 2009-12-17 13:22:44

I don’t know if this has been mentioned before, if it has I apologise.

I think I might have found a problem with the plugin, specifically its use with rss_auto_excerpt; I posted a new article on my blog this morning which had an animated gif, when I viewed the article after posting it, only the content that preceded the animated gif was present and absolutely nothing else. I had to remove the offending gif, which displayed correctly I might add.

It seems that the problem only occurred when my code, which has been used many times before, was inserted and for some reason the auto excerpt plugin cannot handle it.
<txp:upm_image image_id="123" form="itemImage" />

It’s not a huge bother, but thought i might mention it.

Mary · 2009-12-17 17:20:33

The best thing to do when you run into tag/template problems (whether built-in or plugin) is to take a look at your page’s source and tag trace.

alanfluff · 2010-04-27 17:57:38

Hello,

I hope the answer to this is not so obvious that I look more stupid than normal…

Pretty please, does somebody lovely know how I get this functionality with this brilliant plugin?

Right now I can get a thumbnail that when clicked will popup to show the full image using the standard code:

<txp:upm_image type="popup" image_id="13" class="image" />

I looked at the docs and failed to find how/if I could make the target for clicking some text, rather than a thumbnail, so I tried this construction:

<txp:upm_image type="popup" image_id="13" class="image">click this to see the popup img</txp:upm_image>

but it doesn’t create a link, just the plain-text click this to see the popup img.

Does anyone know if there is a way to achieve this — in case relevant, I am also using the brilliant upm_img_popper plugin — any clues most appreciated!

Cheers, -Alan

molly · 2010-04-27 18:21:39

Hi Alan – try setting up a custom form that has the elements you want. You can then use the image popper to insert your image with the code that references the form you created. I hope this makes sense.

masa · 2010-04-27 18:25:27

I recently asked a similar question Launch pop-up image from plain text links and got a few good suggestions.

alanfluff · 2010-04-27 18:56:44

Thanks molly and Martin!

I’ll go and try with this wisdom under my belt and see what I can do — much appreciated. Cheers, -Alan

mattmikulla · 2010-04-28 15:12:50

Is there a txp tag that gets and outputs an article_image url yet or is it best to use upm_image still?

alanfluff · 2010-04-28 15:37:11

I’m not aware of one Matt, but I’m not the most knowledgeable…

Mary · 2010-04-28 23:21:33

I don’t believe there is a built-in tag yet, no.

Textpattern CMS

Textpattern CMS support forum

#346 2009-12-08 20:23:50

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

#347 2009-12-08 22:24:10

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

#348 2009-12-08 22:45:41

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

#349 2009-12-09 07:06:07

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

#350 2009-12-09 09:49:46

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

#351 2009-12-09 13:48:58

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

#352 2009-12-17 13:22:44

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

#353 2009-12-17 17:20:33

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

#354 2010-04-27 17:57:38

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

#355 2010-04-27 18:21:39

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

#356 2010-04-27 18:25:27

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

#357 2010-04-27 18:56:44

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

#358 2010-04-28 15:12:50

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

#359 2010-04-28 15:37:11

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

#360 2010-04-28 23:21:33

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

Board footer