Question

On my website I have added CSS-Tricks dynamic website script.
I need to have ‘on thumbnail click, replace main image’.
The thumbnail images are on the right, and the main image is on the left.

This: http://jsfiddle.net/hHCAK/
is exactly what I have here: http://stephenharman.com/#forestpark.php

Yet it still wont work…

Answer 1

So the main images are always right before the thumbnails?

I think you want something like this:

$("img.thumbnail").click(function() {
    var $this = $(this);
    var imgToLeft = $this.prev("img");
    $this.attr("src", imgToLeft.attr(src));
});

Or if these images are being added dynamically:

$(document).on("click", "img.thumbnail", function() {
    var $this = $(this);
    var imgToLeft = $this.prev("img");
    $this.attr("src", imgToLeft.attr(src));
});