Support » Plugin: Collapse-O-Matic » Use image in title="" instead of text

Viewing 15 replies - 1 through 15 (of 24 total)
  • Plugin Author Baden

    (@baden03)

    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?

    Plugin Author Baden

    (@baden03)

    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.

    http://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?

    Plugin Author Baden

    (@baden03)

    Please post the exact shortcode you are using.

    I’m using this statement:

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

    Plugin Author Baden

    (@baden03)

    Sorry, but neither
    http://southernexposure.co.zw/faqs/
    nor
    http://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.
    http://southernexposure.co.zw/faqs/

    Plugin Author Baden

    (@baden03)

    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:

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

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

    Plugin Author Baden

    (@baden03)

    What is the exact shortcode you are using for http://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=’http://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.

    🙁

    Plugin Author Baden

    (@baden03)

    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: http://dilco.net/hidden-text-image.jpg

    Can you advise?

    Thanks,

    -John

Viewing 15 replies - 1 through 15 (of 24 total)
  • The topic ‘Use image in title="" instead of text’ is closed to new replies.