Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Problem with the second image is already in view with the first image #1391

Open
ilumticsd opened this issue Jul 24, 2015 · 7 comments
Open
Assignees
Projects
Milestone

Comments

@ilumticsd
Copy link

Hi all,
I have that problem too, see how the second image is already in view with the first image. As soon as you resize the browser, it snaps into place and fixes it.
I tried to fix, but can’t seem to figure out why it’s doing this. I updated to 2.5 flex slider, but that didn’t help.

http://cl.ly/image/3X303O0J2H3i/o
first load with this: transform: translate3d(-555 ..

but this is correct : http://cl.ly/image/0P2O1K3j263l
transforom: translate3d(-472 ..

I'm appreciated if any one have solution ?

@jeffikus
Copy link
Member

Hi there

Thanks for reporting, can you confirm this is occuring with another theme as well? Like Twenty Fifteen or Fourteen?

@jeffikus jeffikus self-assigned this Jul 24, 2015
@ilumticsd
Copy link
Author

Sorry this just a static HTML template, not a wp theme

@jeffikus
Copy link
Member

Ok sure, any chance you can make the full code available for me to test with?

@ilumticsd
Copy link
Author

This is HTML code:
<div class="flexslider flexsliderPro flexslider-sidenav">
<ul class="slides">
<li data-thumb="images/products/product-9.jpg">
<a class="popup-img" title="The Product 1" href="images/products/product-9.jpg"><img src="images/products/product-9.jpg" alt=""></a>
</li>
<li data-thumb="images/products/product-8.jpg">
<a class="popup-img" title="The Product 2" href="images/products/product-8.jpg"><img src="images/products/product-8.jpg" alt=""></a>
</li>
<li data-thumb="images/products/product-7.jpg">
<a class="popup-img" title="The Product 3" href="images/products/product-7.jpg"><img src="images/products/product-7.jpg" alt=""></a>
</li>
<li data-thumb="images/products/product-6.jpg">
<a class="popup-img" title="The Product 4" href="images/products/product-6.jpg"><img src="images/products/product-6.jpg" alt=""></a>
</li>
</ul>
</div>

And js:
$('.flexsliderPro').flexslider({
animation: "slide",
controlNav: "thumbnails",
smoothHeight: true,
slideshow: false,
directionNav: false
});

or you can take a look at live demo here:
http://pixelgeeklab.com/html/marvel/shop-product-detail-fullwidth.html

Thanks very much for your help :-)

@ilumticsd
Copy link
Author

Hi jeffikus,
Can you please help me with that?
Thanks and look forward to hearing from you soon.

@jeffikus
Copy link
Member

jeffikus commented Aug 7, 2015

Hi @ilumticsd just backlogged at the moment, will review as soon as I have time.

@AhHa45
Copy link

AhHa45 commented Nov 2, 2015

I have the same problem but on the left side.

http://vfrbb.de/vfr/content/tabellenf%C3%BChrung-verteidigt

@jeffikus jeffikus added this to the 2.6.5 milestone Sep 15, 2017
@jeffikus jeffikus added this to Assess in 2.6.5 Sep 15, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
2.6.5
Assess
Development

No branches or pull requests

3 participants