• Hi there,

    When I click any thumbnail the main image advances to the next image, instead of displaying the large version of the thumbnail that I clicked. I haven’t tried to modify this behaviour, as far as I know it always did this. I’ve only just noticed that your demo doesn’t work the same way!

    What have I done wrong? 🙂

    Thanks!

    https://wordpress.org/plugins/photospace/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi Thoughton. Sounds like a strange one. Can you post a link?

    Thread Starter thoughton

    (@thoughton)

    Hi Dean, thanks for the reply. Here’s a link: http://lasouqueto.com/_wp/rooms/emilie/

    I just noticed this morning that the photospace code seems to be generated twice, although only one gallery is visible on the front end. I’m using do_shortcode('[gallery option1="value1"]' to insert it into my template.

    Did you fix it? Seems to be working for me.

    Thread Starter thoughton

    (@thoughton)

    Hmm no, it doesn’t work for me. It doesn’t matter which thumbnail I click, The main image just moves along to the next image. The image displayed doesn’t correspond to the thumbnail clicked.

    Ah yes it does have a problem if you click on the main image first. Does it happen with the default theme? I haven’t seen this before.

    Thread Starter thoughton

    (@thoughton)

    That was a good idea. I should have thought of it first, sorry 🙂 It works normally in the default theme.

    After spending a long time looking for JS conflicts, I’ve narrowed it down to some CSS (!). I am overriding the default CSS with a some of my own CSS (mainly to move the thumbnais to the bottom). After much testing I’ve found that it is these lines from my CSS that cause the problem:

    .photospace {
    		width:600px;
    		height:450px;
    }
    .photospace .loader {
    		height: 187.5px;
    		width: 600px;
    }
    .photospace .slideshow a.advance-link,
    .photospace .slideshow span.image-wrapper {
    		height:450px;
    		text-align: left;
    }
    .photospace .slideshow-container {
    		height:450px;
    }

    I’m not sure how CSS can affect which thumbnail is displayed, but there you have it. Removing this CSS fixes the issue – but leaves me with with some minor layout problems which I’ll find another way to fix 😀

    Thanks for your help!

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

The topic ‘Clicking on thumbnails, done something wrong’ is closed to new replies.