Question

What I would like to do is insert a “t” into the path of the image like so:

<img src="../images/elements/slideshow/1t.jpg"  width="378" height="210" />

A little look at my script:

var thumb_prefix = "t";
    return '<li><a href="#"><img src="' + slide.src + thumb_prefix + '" width="121" height="67" /></a></li>';

This is just adding a “t” to the end of the path.

Any help would do thank you!

Answer 1

Hey, this is answered here jQuery Cycle Plugin – Dictate locaton of thumbnails

Basically as follows — slide.src is your old source, and new_src is the resulting new source for the image.

// Split off the filename with no extension (period + 3 letter extension)
var new_src = slide.src.substring(0,slide.src.length-4);

// Add the "t"
new_src += "t";

// Add the period and the 3 letter extension back on
new_src += slide.src.substring(slide.src.length-4,slide.src.length);

return '<li><a href="#"><img src="' + new_src + '" width="121" height="67" /></a></li>';

Additionally, don’t forget to change width / height values above to whatever the new values should be.