How do I link article image thumbnails directly to article images?

The Human Museum · 2007-01-22 17:36:24

Maybe I’m overly complicating this but I’m building a photoblog using textpattern and thickbox and I just want to have thumbnails of my article images linking directly to the full-sized article image. The only way I have come across doing this so far is via a little php directly in the template like below (snagged from a solution to a different problem, but cannibalized for my needs). Is there any way to do this via built in textpattern tags or plugin tags without having to resort to all this gobbly gook?:

<txp:php>global $thisarticle; $site = 'http://'.$GLOBALS['siteurl']; $pic = $thisarticle['article_image']; $titre = $thisarticle['title'];  

echo( "<a href=\"".$site."/images/".$pic.".jpg\" title=\"".$titre."\" class=\"thickbox\"><img src=\"".$site."/images/".$pic."t.jpg\" alt=\"\" title=\"Click To Enlarge\" /></a>" );

</txp:php>

Last edited by The Human Museum (2007-01-22 17:51:06)

els · 2007-01-22 18:55:39

With upm_image you can output the image url. I don’t know thickbox, but if it’s like lightbox and slimbox, you might find a combination of upm_image and wet_for_each_image come in handy. For my slimbox galleries I’m using this code example.

The Human Museum · 2007-01-23 09:37:02

Thanks for the help!

For anyone else who is interested in using thickbox in this application I used the following code as my upm_img_popper form:

<a href="<txp:upm_img_full_url />" title="<txp:title />" class="thickbox"><img src="<txp:upm_img_thumb_url />" width="<txp:upm_img_thumb_width />" height="<txp:upm_img_thumb_height />" alt="Click To Enlarge"  title="Click To Enlarge" /></a>

Pat64 · 2007-01-23 09:52:52

Or you can use this or this
(explanations in french)

Last edited by Pat64 (2007-01-23 09:54:42)

monkeynotes · 2007-02-02 16:42:37

I can’t seem to use the custom tags for upm_image. Here is my code:

<txp:upm_article_image type="image" limit="1"><a href="<txp:upm_img_full_url />" title="<txp:title />" rel="lightbox[Slide Show]"><img src="<txp:upm_img_thumb_url />" width="<txp:upm_img_thumb_width />" height="<txp:upm_img_thumb_height />" alt="Click To Enlarge" title="Click To Enlarge" />Photo Gallery</a></txp:upm_article_image>

And here is the error I get:

tag_error <txp:upm_img_full_url/> -> Textpattern Notice: upm_image: invalid context, tag must be used within the tag as a wrapper or from its own form called by the tag. on line 521

tag_error <txp:upm_img_thumb_url/> -> Textpattern Notice: upm_image: invalid context, tag must be used within the tag as a wrapper or from its own form called by the tag. on line 521

tag_error <txp:upm_img_thumb_width/> -> Textpattern Notice: upm_image: invalid context, tag must be used within the tag as a wrapper or from its own form called by the tag. on line 521

tag_error <txp:upm_img_thumb_height/> -> Textpattern Notice: upm_image: invalid context, tag must be used within the tag as a wrapper or from its own form called by the tag. on line 521

Any suggestions?

hakjoon · 2007-02-02 17:27:11

I think the tags need to be in a form. I don’t think UPM image can be used as a container tag.

And not everything you want but most of it. I’m open to new attribute suggestions. The rel was added exactly so Jamie (Soulship) could integrate it with Lightbox/Thickbox

<txp:hak_article_image link="1" linktype="image" rel="thickbox" />

It’s not the swiss army knife that upm_image is though.

monkeynotes · 2007-02-02 17:30:45

I have tried it using the form option and I get exactly the same errors. I am using hak_article elsewhere on the site, but I really need to enclose a text link with the image link in the same <a> element which I can’t seem to do with hak_article. Basically I want an image and a text link to trigger the Lightbox code. The only way I can think of doing this is wrapping both the image and the text in the <a> element. I am open to fresh ideas though.

els · 2007-02-02 18:21:41

You have a better chance of getting an adequate reply if you post your question in the plugin thread.

hakjoon · 2007-02-02 19:01:21

MonkeyNotes Try this out and see if it works hak_article_image_v0.5.2.1.txt

I made a hak_article_image work as a container tag so everything between the tags will get included inside the link. Haven’t tested it extensively but if it works for ya I’ll post it up as an official update.

you can now do
<txp:hak_article_thumb link="1" linktype="image" rel="thickbox">Photo Gallery</txp:hak_article_thumb>

It will take other <txp: /> tags inside it too.

Let me know if it helps.

Mary · 2007-02-03 04:27:00

I responded to the problem with my plugin here.

monkeynotes · 2007-02-03 12:25:35

Thank you hakjoon, this seems to do the job, I really appreciate it. Also thanks to Mary.

Textpattern CMS

Textpattern CMS support forum

#1 2007-01-22 17:36:24

How do I link article image thumbnails directly to article images?

#2 2007-01-22 18:55:39

Re: How do I link article image thumbnails directly to article images?

#3 2007-01-23 09:37:02

Re: How do I link article image thumbnails directly to article images?

#4 2007-01-23 09:52:52

Re: How do I link article image thumbnails directly to article images?

#5 2007-02-02 16:42:37

Re: How do I link article image thumbnails directly to article images?

#6 2007-02-02 17:27:11

Re: How do I link article image thumbnails directly to article images?

#7 2007-02-02 17:30:45

Re: How do I link article image thumbnails directly to article images?

#8 2007-02-02 18:21:41

Re: How do I link article image thumbnails directly to article images?

#9 2007-02-02 19:01:21

Re: How do I link article image thumbnails directly to article images?

#10 2007-02-03 04:27:00

Re: How do I link article image thumbnails directly to article images?

#11 2007-02-03 12:25:35

Re: How do I link article image thumbnails directly to article images?

Board footer