Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
327 views
in Technique[技术] by (71.8m points)

Owl Carousel not displaying correctly. It is inside a div that is not displayed at first and displayed on a button click

---UPDATE--- didn't solved it the right way, but instead of display:none I used height:0 and visibility:none and now it's ok.

The carousel is inside 2 sections that gets displayed when clicking a button.

Section 1: option 1 - option 2 (select 1)

option 1: A - B (select A)

When selecting A, the content of the section is displayed. All good except that the carousel loads showing ALL the images in thumbnails (100px width), instead of showing 1 full width image.

When resizing the screen, problem is solved.

If I erase the style "display:none" that the sections have at first, problem is solved.

Maybe if the carousel loads (or reloads) after I click "A" button it will be ok.

Anyone can help me with that or another solution?

*working in Magento, but I don't think that has something to do with it.


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...