Search jQuery

jQuery Forum

Using jQuery

antoinesco

loading imgs

in Using jQuery • 10 years ago

i have 50 divs(bleu), when roll over on one of them i need to load an image to the rose div.

so how could i define a specific image to each of bleu divs?

___

".bcode_Gal" is also "#g_00, #g_01, #g_02, #g_03...#g_50"

"#gal_00" is the "rose" div on the attached image where im loading images.

$(".bcode_Gal").mouseenter(mouse_on_gal);
$(".bcode_Gal").mouseleave(mouse_off_gal);
function mouse_on_gal()
{
$("#gal_00").show();
$("#gal_00").html("<img src='content/gal/00 (1).jpg'>");
}
function mouse_off_gal()
{
$("#gal_00").hide();
}

Replies(2)

jay.blanc..

Since you didn't show the markup, something like this -

<a href="image.jpg">stuff</a>

$('a').mouseenter(function() {
      var thisImage = $(this).attr('href');
      $('#gal_100').html("<img src=" + thisImage + " />);
      $('#gal_100').show();
});

$('a').mouseleave(function() {
      $("#gal_00").hide();
});

antoinesco

Re: loading imgs

10 years ago

i meant, how to link images to rose divs, named as ( "#g_00...#g_50" ), when you rollover on one of them, the image shows in rose div, named (" #gal_00" )?

Top Reply

Response title

Attachments

jQuery Forum

loading imgs

Replies(2)

Re: loading imgs

Re: loading imgs

Statistics

Tags

Actions