Use onclick to make thumbnail images become the main image,

  • I wasn’t really sure how to word this.

    The example can be found at https://www.phildub.com on the lefthand side.

    You can click his thumbnail image and they appear bigger.

    I don’t want to use a gallery as such, I want it exactly as Phil’s is displayed.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • You can achieve this with jquery, either by loading in target div the bigger image from the thumbnail (ie. using a rel attribute) or by loading all images and use a show/hide script.
    Something like :

    <a rel="mybig-001.jpg" class="innerlink"><img src="mythumb-001.jpg" /></a>
<div id="innertarget"></div>

    Jquery will looks like

    $('a.innerlink').click(function(e){
    $('#innertarget').load('https://myurl/'+$(this).attr('rel'));
});

    Thread Starter ohall89

    (@ohall89)

    Thank you for your response, although I am a little lost.

    The only thing I know about Java is that it goes in the <head> section.

    I’ve tried using FireBug on Phil’s site but it’s not sinking in. Do you know of any tutorials?

    Thanks,

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Use onclick to make thumbnail images become the main image,’ is closed to new replies.