Use image in title="" instead of text

Glad you got the first part worked out.
As for using Multiple Triggers, this is a feature that is only available in Collapse-Pro-Matic

Thanks. I’m actually looking to do one (not multiple) trigger, but I’d like the text and the image to be the same trigger, so that clicking on either one of them expands into the same hidden content. Sort of like how some pages have both a hyperlinked image and hyperlinked text, that both go to the same page. Is that possible?

yes

Thanks getting close. Is there a way to move the text above the image and give in an H3 heading?

Yes. but that is basic HTML.

[expand title="<h3>trigger</h3><img src='image.jpg'>" trigclass="noarrow"]target[/expand]

“Issue” marked as resolved.

Dear Baden. Thanks for this very useful plugin. I am trying to display image instead of text as trigger for the expand BUT the image will just not show up when i click page preview. I use the following code:

<div style=”text-align: center; font-family: ‘Verdana’; font-weight: bold; color: #5b7f95;”>[expand title=”<img src=”/wp-content/uploads/2014/10/Teaser_td03_300x57.jpg” alt=”” />” tag=”div” alt=”Market Analysis” trigclass=”noarrow” trigpos=”below” id=”marketanalysis”]…[/expand]</div>

(the above is not on the live site yet..it is a working draft…)

I have added the above into a text block widget of my WP theme. And I am using the text editor (NOT visual editor) as per your suggestion. I can see the image loaded correctly in the visual editor backend but it wont show on the site. When i hover over that space on my site i can see the mouse cursor recognises there is a link there and i can click and see the target content and collapse again but there is no image showing…

The div part is to make sure the whole thing is centered.
Also, i use single quotes for the image source but WP automatically turns these to double quotes – as shown above…

Any help will be greatly appreciated.

1. <strike>use single quotes inside of the title attribute.</strike>
2. use a fully qualified url for the image:

[expand title="<img src='https://yourdomain.com/wp-content/uploads/2014/10/Teaser_td03_300x57.jpg' alt='' />" tag="div" alt="Market Analysis" trigclass="noarrow" trigpos="below" id="marketanalysis"]...[/expand]

Let us know if that works for ya!

Thanks for the prompt reply Baden. I tried both before myself but not working… ?? WP keeps automatically changing the ‘single’ quotes to “double” after i click save. WP also finds the image (i see it in the admin editor page but then it wont show up online when i preview the page).

Do i need to change any plugin settings? eg the tag attribute to div from default span? any of the other setting perhaps?

what if you swap the quotes like so:

[expand title='<img src="https://yourdomain.com/wp-content/uploads/2014/10/Teaser_td03_300x57.jpg" alt="" />' tag='div' alt='Market Analysi' trigclass='noarrow' trigpos='below' id='marketanalysis']...[/expand]

Sounds like you have something wonky going on with your WP install….