hak_article_image

Wet_Sponge · 2009-06-05 01:28:17

Clearly I have done something fundamentally wrong, as the ‘Expand +’ still hyperlinks to http://snackondesign.com/images/

this is my current image form;

<div class="image">
<txp:hak_article_image form="link_expand" />
<div class="caption">
<h1><txp:permlink>_<txp:title /></txp:permlink></h1>
<h2>in <txp:category1 this_section="1" title="1" link="1" /> &amp; <txp:category2 this_section="1" title="1" link="1" /></h2>
<h3>posted by <txp:author /> on <txp:posted format="%d %b %Y" /></h3>
<txp:body />
</div>
</div>

which references link_expand

<txp:hak_article_thumb />
<div class="tinycaption">
<p>
<txp:hak_article_image_link linktype="image" rel="lightbox" class="light-box-expand">Expand +</txp:hak_article_image_link>
</p>
</div>

Thankyou for you assistance so far and a tremendously useful plug-in.

hakjoon · 2009-06-05 02:19:58

Sorry I had some stuff wrong in the form I gave you. It needs to be <txp:hak_thumbnail /> in a form not <txp:hak_article_thumb /> that causes the whole tag to get called again resetting the global. I need to add a check for that.

This form is working for me.

<txp:hak_thumbnail />
<div class="tinycaption">
<p>
<txp:hak_article_image_link type="image" rel="lightbox" class="light-box-expand">Expand +</txp:hak_article_image_link>
</p>
</div>

linktype also becomes just type in a form.

Last edited by hakjoon (2009-06-05 02:20:21)

Wet_Sponge · 2009-06-05 03:44:53

Perfect, thankyou.

MattE · 2009-06-18 14:46:10

Hi There. I’ve been using hak_article_image on a site for some time, but i’m in the process in bettering the accessibility.

What is the best way for me to use the article title as the alt text on thumbnails outputted by the plugin?

hakjoon · 2009-06-18 18:43:17

I don’t think there is a way to do it at the moment. Internally it uses the txp:image function which sets the alt attribute to the value from the DB. I’ve been meaning to remove that dependency but it’s still there.

All the image properties are present in in $hak_thisimage global that you can access inside a form if you want to build the tag by hand.

MattE · 2009-06-24 19:26:57

I’ll have a play about at some point, thank you for the support and the incredible usefulness of the plugin.

My other option is to spend a fair few hours spring cleaning, and adding alt text to the image library that is now around 1030 images in size.

Slow but probably the better method.

hakjoon · 2009-06-25 02:02:13

I have a replacement for txp:image that I never finished enough to release that I should just integrate into this. I wanted it to be a whole new image tag that would work like the article tag, but I should probably make my plans a little smaller.

robhert · 2009-07-30 23:11:07

Hi to all! I want to show just the address of an image. How could I do this? I mean in <txp:article_image />.

When I use <txp:article_image /> this give me: <img src="http://www.site.com/image.jpg" alt="Alt" />, what I want is just: http://www.site.com/image.jpg

Any ideas?

Thanks in advance!

robhert · 2009-07-31 04:19:41

ok, then how could I do this: <a href="../images/image.jpg" class="highslide" onclick="return hs.expand(this)"><img src="../images/image-t.jpg" alt="Alt" title="Image" /></a> with this plug in?

What this does is: An image (thumbnail) is a link to another image (large). How could I do this?

Regards,

hakjoon · 2009-07-31 16:10:28

Robhert,

To get just the url there is no way to do it in the current version. I have a full re-write that I use on a few sites that allows that but it has not been thoroughly tested. I can post a copy if people want to try it out. It’s rough and has no docs, but it lets you pull images form custom fields among other things.

As for the second request that one is easy, just use <txp:hak_article_thumb class="highslide" link="1" linktype="image" /> you can use rel or linktitle to set the title or rel attribute of the link to something you can target with JS.

robhert · 2009-07-31 17:06:23

Hi, thanks for your answer. I tried it out, but onclick function is required. How could I put “onclick” inside <txp:hak_article_thumb /> ?

And yes, please send me the plugin you have to do tha first question I made.

Thanks!

Last edited by robhert (2009-07-31 17:07:02)

MattD · 2009-07-31 17:48:37

robhert wrote:

Hi, thanks for your answer. I tried it out, but onclick function is required. How could I put “onclick” inside <txp:hak_article_thumb /> ?

And yes, please send me the plugin you have to do tha first question I made.

Thanks!

You could add the onclick using jquery. Something like (untested)

$(".highslide").click(function () { 
      hs.expand(this);
    });

Textpattern CMS

Textpattern CMS support forum

#253 2009-06-05 01:28:17

Re: hak_article_image

#254 2009-06-05 02:19:58

Re: hak_article_image

#255 2009-06-05 03:44:53

Re: hak_article_image

#256 2009-06-18 14:46:10

Re: hak_article_image

#257 2009-06-18 18:43:17

Re: hak_article_image

#258 2009-06-24 19:26:57

Re: hak_article_image

#259 2009-06-25 02:02:13

Re: hak_article_image

#260 2009-07-30 23:11:07

Re: hak_article_image

#261 2009-07-31 04:19:41

Re: hak_article_image

#262 2009-07-31 16:10:28

Re: hak_article_image

#263 2009-07-31 17:06:23

Re: hak_article_image

#264 2009-07-31 17:48:37

Re: hak_article_image

Board footer