Okay
  Public Ticket #181802
Strange image offset/shifting
Closed

Comments

  • Mike started the conversation
    Love the product, aside from this one issue it's working great! I want to place my slider inside an image border, so it is set up as you see in the top half of the attached image. Sometimes, seemingly at random, one (or more) of the images in the slider will decide to become offset by about 10 pixels down and to the right, as shown in the bottom half of the attached image. From that point on, whenever that image is displayed in the slider, it will always be offset like that. I have no idea what triggers it, and reloading the page resolves the issue...until the next random occurrence. The slider layout I'm using is Fixed, with the grid height and width equal to those of my images. The margins are all set to 0, the padding is set to 0, and there is no background color or image. Interestingly, if I choose to show a dotted overlay on the slider, it appears to be in the same offset position. Any ideas? Thanks!
  •  1,172
    Amit replied

    is this the link ?

    http://orangeriverstudio.com/vespers/

    it seems not to work ?

  • Mike replied

    Yeah, I managed to completely mess up my web site installation in the time since I posted that question. Sorry about that. I have to spend some time fixing it.

  •  1,172
    Amit replied

    ok update me 

  • Mike replied

    Okay, sorry about that. It should be working again now. I'm still noticing the same issue, though.

     

  •  1,172
    Amit replied

    hi i captured my screen with video and you can see the video here:

    http://screencast.com/t/paMQOrfYe

    do you see a offset ?
    is there something i am missing ? maybe only in certain browseres ?

  • Mike replied

    No, it's not in your video. Like I said, it seems to happen at random times. Here is a video showing it on my machine:

    https://dl.dropboxusercontent.com/u/1140718/Google%20ChromeScreenSnapz002.mov

    I have seen it happen in Chrome, Firefox, and Safari (all on the Mac).

    EDIT: I have also now seen it on Firefox on Windows.

     

  • Mike replied

    Just for reference, here is the same browser window as in the first video just a couple of minutes later -- now you can see the second image being shifted down and to the right. In fact, it looks like the image is loaded in the proper place, and once the transition animation ends, that is when it gets shifted down and to the right.

    It also looks like it shifts back before it transitions to the next slide.

    https://dl.dropboxusercontent.com/u/1140718/ChromeScreenSnapz002.mov

     

  •  1,172
    Amit replied

    Hi mike i just chked from my mac and i can reproduct this . Can you help me out by chking from another computer so we figure out maybe its a very local problem ?

     

  •  1,172
    Amit replied

    also maybe try changing the animations from random and choose specific animation for each slide.

    maybe one of the animations is what is doing it on your specific template some conflict ?

  • Mike replied

    I've been able to reproduce the problem on a Mac desktop, Mac laptop, Windows desktop, and iPad.

    I'll look at changing the animations around to see if that has any benefit.

     

  • Mike replied

    Okay, I looked at most of the different transition animations, and it looks like the only one that is causing the problem is the "Fade" animation. None of the other Fade animations do it, only the plain "Fade" animation, and it's 100% consistent.

     

  •  1,172
    Amit replied

    Hi Mike i understand.

    This problem is happening only on your template. \

    So i can offer you 2 solutions

    1. or not use the transition

    2. or a refund

    would one of those solutions be ok with you ?

     

  • Mike replied

    Thanks for the offer -- no refund is necessary, it's a great product otherwise and I'll just not use that one animation. If you're interested in trying to figure out why the Fade animation is causing that shift, I'd be happy to work with you on it.

    By the way, is "Fade" part of the "Flat" group, or the "Premium" group?

     

  •  1,172
    Amit replied

    try taking this off


    #picFrame div {
        left: 11px;
        top: 11px;
    }
     

    and turning back the animation . if it solves the issue you can try placing the div with paddin ratther than positioning.

     

  • Mike replied

    Yes, that helped. Part of the problem is that I was using the images in the slider as backgrounds instead of layers. Once I switched to image layers, then I could add some padding to center them in the frame, and now the Fade animation is working perfectly.

    Thanks!