Galleriffic plugin extra spaces

Question

I'm using the jquery Galleriffic plugin, here is part of the code that is generated by the script :

    <div id="slideshow" class="slideshow">
<span class="image-wrapper current" style="opacity: 1; ">
<a class="advance-link" rel="history" href="#2" title="Title #0">
&nbsp;<img alt="Title #0" src="images/products/Classic.jpg"></a></span></div>

This space before the img tag is causing the image to display in the wrong place, I dont know why the script generates such space, but I thought I should remove the space instead.

I tried the following code, but it didnt work.

$('a.advance-link').text( $('a.advance-link').text().replace(/\s+/g, "") );

I also tried this one

$('a.advance-link:contains(" ")').html(function(i, h) {
                        return h.replace(/\s+/g, '');
                      });

but no luck, can somebody figure out how would i remove it ?

Thanks

Answer 1

Took a look at the plugin.

// Construct new hidden span for the image
var newSlide = this.$imageContainer
.append('<span class="image-wrapper current"><a class="advance-link" rel="history" href="#'+this.data[nextIndex].hash+'" title="'+imageData.title+'">&nbsp;</a></span>')
.find('span.current').css('opacity', '0');

newSlide.find('a')
    .append(imageData.image)
    .click(function(e) {
        gallery.clickHandler(e, this);
});

You'll notice that it first constructs the string you're talking about, then it appends the imageData into the anchor. The result is that the   tag is never replaced. You could try simply changing that .append(imageData.image) to .html(imageData.image) and seeing if that doesn't fix your issue.