Gallery jerking?

B

Bartholomaeus2013-09-05 10:08:01

css

Bartholomaeus, 2013-09-05 10:08:01

Gallery jerking?

Here is a simple gallery (bottom)
I can’t understand where the error in the code is due to which the distance between the traveling slides jumps.
At first, all 14 slides pass normally, and in the second circle they drive with a smaller distance between them and then bam, the distance increases, which is why the pictures jump nasty.

Reply

Answer the question

In order to leave comments, you need to log in

3 answer(s)

A

Andrey Kuntsevich, 2013-09-05
@titulusdesiderio

If you do not see an error in SUCH code, then it is sad.

<div id="thumbareaContent">
                            <img src="fotos/small_image1.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image2.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image3.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image4.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image5.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image6.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image7.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image8.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image9.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image10.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image11.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image12.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image13.jpg" width="120" height="80" alt="">
                            <img src="fotos/small_image14.jpg" width="120" height="80" alt="">
            <img src="fotos/small_image1.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image2.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image3.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image4.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image5.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image6.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image7.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image8.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image9.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image10.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image11.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image12.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image13.jpg" width="120" height="80" alt="" id=""><img src="fotos/small_image14.jpg" width="120" height="80" alt="" id=""></div>

The distances are different, because in the code, half of the images are separated by \n, and the second half is joined without spaces. And the “jerking” is the result of the gallery returning to its original position.
Z.Y. jerking is not a bug, but the normal operation of the code with adequate layout. your layout is inadequate, so it twitches.
Z.Z.Y. There are several ways to lay out such elements, the most convenient in my opinion is through ul>li without closing li

<ul id="thumbareaContent">
    <li><img src="" alt="">
    <li><img src="" alt="">
    <li><img src="" alt="">
</ul>

N

Nikolai Vasilchuk, 2013-09-05
@Anonym

I didn't see any jerking (Chrome 29.0.1547.65).
I want to unsee the gallery code.

M

Misha Vasilyev, 2013-09-05
@vasilyev

And why is there in thumbareaContent all the slides are repeated twice?