• Resolved captjones

    (@captjones)


    Hello,

    image as title doesn’t work for some reason.
    This is the code:

    [expand title="<img src="http://kadunud.com/wp-content/uploads/2012/07/spartatooltip.png" alt="spartatooltip" width="108" height="111" class="aligncenter size-full wp-image-185" />" tag="span"]<img src="http://kadunud.com/wp-content/uploads/2012/07/spartatooltip.png" alt="spartatooltip" width="108" height="111" class="aligncenter size-full wp-image-185" />[/expand]

    It doesn’t display anything, inserted in text editor as usual, not visual. Page is http://kadunud.com/uus/

    http://wordpress.org/extend/plugins/jquery-collapse-o-matic/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter captjones

    (@captjones)

    Got it working by copying sauce code from documentation site.
    Intredasting.. Might it be because symbols get converted, thus whole thing becomes broken or sth?

    I have tried using a variation of this code and it doesn’t work:

    [expand title=”<img src=’falcon_girl.jpg’ />” tag=”div”]Target Content[/expand]

    My image source works but the image space is just blank in the place of the expand trigger.

    Solutions?

    Thread Starter captjones

    (@captjones)

    Try this one

    <div class="example"><div class="collapseomatic colomat-hover" id="id1748" title="<img src='http://plugins.twinpictures.de/wp-content/uploads/2012/03/falcon_girl-500x158.jpg' />"><img src="http://plugins.twinpictures.de/wp-content/uploads/2012/03/falcon_girl-500x158.jpg"></div><div id="target-id1748" class="collapseomatic_content " style="display: none;">Check out Falcon Girl by the very talented <a href="http://jameshance.tumblr.com/post/16428051444/latest-doodle-falcon-girl-tank-girl-star" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://jameshance.tumblr.com/post/16428051444/latest-doodle-falcon-girl-tank-girl-star']);" title="James Hanse's Relentlessly Cheerful tumblr" target="_blank">James Hance</a></div></div>

    Thank you! It kind of works, just having a problem closing the action. I had to make some adjustments because the with the code above the following was also being displayed next to the graphic:

    “>

    Here’s what I’m using but I can’t seem to control how the action closes:

    <div class=”example”><div class=”collapseomatic colomat-hover” id=”id1748″ title=”<img src=’http://www.emeryempower.com/wp-content/uploads/2013/02/Kyani-dropdown.jpg&#8217; /><img src=”http://www.emeryempower.com/wp-content/uploads/2013/02/Kyani-dropdown.jpg”></div><div id=”target-id1748″ class=”collapseomatic_content” style=”display: none; />

    It seems as though the next </div> closes the action. Is there a way to assign it a unique div class to close? I tried using this:

    </div class=”example”> but it didn’t work.

    Plugin Author Baden

    (@baden03)

    mikee77: Link Please

    Plugin Author Baden

    (@baden03)

    Mike:
    1. You are going to want to use the trigclass=”noarrow” to remove the arrow.
    2. when you use quotes inside of an attribute be sure you use double quotes (“) to wrap the attribute and single quotes for the image info.

    For example, you are using:
    title="<img title="
    but you should be using:
    title="<img title='

    Understand?

    Perfect! It is working. Thank you very much.

    Plugin Author Baden

    (@baden03)

    Great! please don’t forget to vote for pedro.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Image as title’ is closed to new replies.