See http://dev.slyd.us/drupal/foundation/node/59

I want to have a mouseover of one of the small images make it replace
the larger one. This is what I'm trying:

'$(document).ready(function() {
      var source2 = $("div.listingimagetwo img").attr("src");
      var source1 = $("div.listingimageone img").attr("src");

      $(".listingimagetwo").hover(
            function () {
                $("div.listingimage img").attr("src", source2);
            },
            function(){
                $("div.listingimage img").attr("src", source1);
                );
            }
      });

I also tried using div.listingimagetwo[img] instead of
div.listingimagetwo img

Is there a plugin that you do this?

The site also uses thickbox to display these images. Does that
conflict? I was brought on to add this function, so I can't change the
html structure, though I could ask the client if need be.

Thanks for any pointers.

Reply via email to