search

Judder / galleriffic

Automatically exported from code.google.com/p/galleriffic
0 stars 0 forks source link

Caption, when placed below slideshow, 'jumps' at each image change #192

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1. layout your HTML elements as shown below
2. Adjust the CSS to accommodate a slightly taller Caption area, etc
3. Reload the page, and click the image, prev/next buttons or a thumb to change 
the gallery image.

<div id="gallery">
    <div id="controls" class="controls"></div>
        <div class="slideshow-container">
            <div id="loading" class="loader"></div>
            <div id="slideshow" class="slideshow"></div>
        </div>
    <div id="caption" class="caption-container"></div>
</div>

What is the expected output? What do you see instead?
The expected output, given the slideshow-container and other image wrapping 
elements have a fixed height/width as set in the CSS, is that the image would 
simply change WITHIN the gallery and NOT move the caption down, until the image 
is fully loaded,.. and the have it jump back to its proper place.
Please watch the attached video, it will show exactly what is happening..

What version of the product are you using? On what operating system?
V2.0, Mac OSX 10.6.6 current updates

Please provide any additional information below.
http://revivehosting.org/galleriffic_caption_jumping.mov

Thanks for any help, advice or suggestions you might have to fix this.. so far, 
we are REALLY impressed with this plugin.. by far the best Gallery plugin of 
its type! Great work!

Original issue reported on code.google.com by JM07202...@gmail.com on 18 Feb 2011 at 6:20

GoogleCodeExporter commented 9 years ago 
Hey there,

I'm having the same problem. The issue is caused by taking off the absolute 
positioning from the original caption container.

Original comment by steven.c...@gmail.com on 13 Sep 2011 at 9:43

GoogleCodeExporter commented 9 years ago 
Hi I know its to late.... But i found a solution

jquery.galleriffic.js
Line:545;

if (this.$captionContainer) {
    previousCaption = this.$captionContainer.find('span.current').addClass('previous').removeClass('current');
/* Add this line */
previousCaption.remove();
/* --------------------*/
                }

Original comment by pravin.p...@gmail.com on 15 Mar 2012 at 11:16

GoogleCodeExporter commented 9 years ago 
7 hours ago wasn't too late! I had the same problem today, and the above 
comment worked! I was going crazy trying to fix that! 

I was putting overflow:hidden; on the #caption css, and it sort of worked, but 
the new caption's opacity would snap in from 0 to 100%.

This solution doesn't fade the previous comment out, but it looks better than 
the new one snapping in.

Original comment by Anna.In....@gmail.com on 15 Mar 2012 at 6:44