IE Filter with variable in path

Hi,

Im trying to write a neat mixin function for generating ie opacity filters, but I can't get it to come out without quotes.

Essentially, I want to add a var into an e('') string e.g.

filter: e("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/view/@{css_hi_shared}/cream/hi/shared/img/cbr.png', sizingMethod='crop')");

where @{css_hi_shared} should be replaced with a version e.g. 'trunk'

I have come up with this:

@css_hi_shared: trunk;
@path_pre: "/view/shared/";
@path_post: "/hi/img/";

.filter(@image:'', @sizingMethod:crop) {
@url: %('%s%s%s%s',@path_pre, @css_hi_shared, @path_post, @image);
@filter: e("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%s', sizingMethod='crop')");
@filtersub: %(@filter, @url);
filter: @filtersub;
}

.filter('cbr.png');

Which returns:

filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/view/shared/trunk/hi/img/cbr.png', sizingMethod='crop')";

not

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/view/shared/trunk/hi/img/cbr.png', sizingMethod='crop');

I have tried a range of permutations and combinations of %() and e() but I can't make it output without the quotes.

Any ideas?

Cheers

Rob

[aphillipo]

I finally found the fix for this Rob and it is way simpler than I thought:

p {
filter: e(%("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%s',sizingMethod='crop')", "http://shakeyourheadsports.files.wordpress.com/2011/03/charlie-sheen-winning-tshirt.jpg"));
}

Feel free to mark this as closed assuming this meets your requirements!

[cloudhead]

Just wanted to say that e() and %() are now built into the syntax, see:

https://gist.github.com/967157

And they can be combined.