Use image in title="" instead of text

Yes, as clearly shown in the documentation.

Baden, can you be more specific? I searched that page for “image” and all I see is info about replacing the arrow images. I read through it and found that the alt attribute is used to provide additional information on non-textual screen elements, but I don’t think that will allow for using an image in the title.

Any specifics you can provide would be very helpful.

Thanks,

-John

Also, is there a way to have an image and text that both expand into further html code?

I am not sure how to be more specific that the direct link to the section in the documentation. Here is a copy of the section linked to:

[expand title="<img src='falcon_girl.jpg' />" tag="div" alt="Falcon Girl"]Target Content[/expand]

As for your second question about image and text both expand into further html code… can you be more specific? It is not clear what that means.

Hey. Thanks for the great plugin!

I have used the plugin as per documentation [expand title=”<img src=’falcon_girl.jpg’ />” tag=”div” alt=”Falcon Girl”]Target Content[/expand] but instead of showing the image, it’s displaying the URL instead.

https://southernexposure.co.zw/faqs/

How do I fix this? And how do I combine the two, to make both the question and image clickable to expand and display the answer?

Please post the exact shortcode you are using.

I’m using this statement:

[expand title=”<img src=’https://southernexposure.co.zw/images/ring.jpg&#8217; />” tag=”div” alt=”Ring image”]Target Content[/expand]

Sorry, but neither
https://southernexposure.co.zw/faqs/
nor
https://southernexposure.co.zw/images/ring.jpg
are loading up.

Are you sure the server is working correctly?

Yes, the server is working correctly. Please check again.
https://southernexposure.co.zw/faqs/

Sorry, but your server is not responding:

PING southernexposure.co.zw (192.186.148.108): 56 data bytes
Request timeout for icmp_seq 0
Request timeout for icmp_seq 1
Request timeout for icmp_seq 2
Request timeout for icmp_seq 3
Request timeout for icmp_seq 4
Request timeout for icmp_seq 5
Request timeout for icmp_seq 6
Request timeout for icmp_seq 7
^C

Hie Baden,

I’ve put a test page on another site. Same code, same issue:

https://teqno-magazine.co.zw/faqs/

Hopefully, you can access that one. Thanks much for taking your time this far!

What is the exact shortcode you are using for https://teqno-magazine.co.zw/faqs/ ?

be sure you use the format: title="<img src='url_to_your_image'>" notice the use of double quotes for the title attribute and single quotes for the image src…

Specifically, I am using the following line of code:

[expand title=”<img src=’https://teqno-magazine.co.zw/wp-content/uploads/2013/11/social_startup.png&#8217; />” tag=”div” alt=””]Target Content[/expand]

Under settings, I’ve even tried changing tag attribute to ‘div’ but no luck, still.

??

are you using visual mode, or text mode?
Your shortcode is wrapped in code tags.

Thanks that helped, not having the word image in there made it hard to find.

To be more specific about my second question. I’m trying to figure out how to combine the title text and image so when either are clicked they expand into the same hidden text. In the example on your web page the text “A Long Time Ago” would have the “Falcon Girl” image both visible when the page loads, and clicking either the image or the text would expand into the hidden content.

I made a mockup here if it helps clarify: https://dilco.net/hidden-text-image.jpg

Can you advise?

Thanks,

-John