Different images in title line instead of text

Here is a little step-by-step of what you need to do to get image trigger elements to line up:
Step One
Create each expand element using the title element as the image tag. Assign it a trigclass=”noarrow” and give it an alt attribute that makes sense:

[expand title="<img src='http://example.com/image.jpg' />" trigclass="noarrow" alt="turtles one"]This is the content of the first image[/expand]

Step Two
Wrap each expand element in a div with a unique class. We used ‘birdwire‘ because it makes all the images nice and need in a row like… birds on a wire! Hmmm, maybe we should have used ducksrow. Anyway, each element will now look like so:

<div class="birdwire">[expand title="<img src='http://example.com/image.jpg' />" trigclass="noarrow" alt="turtles one"]This is the content of the first image[/expand]<div>

Final Step
Add the following to your theme’s style.css:

.birdwire {
        display: inline;
        float: left;
        margin-right: 1.625em;
        width: 160px;
}

And Blam-O! The images line up and float left.
Here is little woking example for you to check out: http://spacedonkey.de/623/collapse-o-matic-line-of-trigger-images/

Let us know if you get it working!