Comments (9)
Thanks, this comment partially fixed my problems with this carousel. I have a problem with the images not displaying in Safari. They're fine in Firefox and Chrome... but safari only shows the tops of the images until they begin scrolling. If I set a size on start, that messes with the responsive stuff, i.e the variable heights. Already spent all morning trying to fix this!
from caroufredsel-jquery.
I have a similar problem to RayanZenner, Safari shows just the tops of images, and as soon as you touch the size of the browser it works out the height the carousel should be displaying at. I'll let you know if I find any solutions.
from caroufredsel-jquery.
Hey, I found a solution to this, though I don't know if it's good practice. I just changed from
See code:
$(window).load(function() {
// Using custom configuration
$('#sl-carousel').carouFredSel({
circular : true,
responsive : true,
items : 3,
direction : "left",
scroll : {
items : 1,
easing : "swing",
duration : 800,
pauseOnHover : true,
event : "click",
},
items : {
visible : 3,
height : "variable"
},
prev: {
button : "#sl-carousel_prev",
key : "left"
},
next: {
button : "#sl-carousel_next",
key : "right"
}
});
});
from caroufredsel-jquery.
Thanks for this. It does seem to have solved the problem my side too. Reading around, people are suggesting that image data isn't ready at the time document.ready fires, but is by the time window.load fires. If that is true, then it only really seems to be a problem with webkit browsers.
from caroufredsel-jquery.
Hi, i have a similar problem with 2 caroufredsel implementations on my website http://castabo.rawdesk.be
In my case the images are not shown at all. Instead a circled egg timer is running instead.
Scale : iOS (phone and pad) - Android (only phone).
A short flv video capture can be seen here : http://castabo.rawdesk.be/temp/caroufredsel.flv
This website runs on Aquiathemes Aura theme : http://demo.aquiathemes.net/aura/home/v7 (demo)
Can anyone point me out where to look ? This seems different then the symptoms described above.
from caroufredsel-jquery.
I would like to add, this caroufredsel implementation seems to work correctly on iOS when ran from Aquia's demo page here : http://demo.aquiathemes.net/aura/shortcodes/carousel
from caroufredsel-jquery.
Hi, my carousel issue was solved today by theme master @Acquiathemes.com
from caroufredsel-jquery.
I have an issue with carouFredSel: the figure and
are not properly center on the iPhone/iPod and Google Chrome. The image is bigger than the screen resolution. When I rotate the iPod, the figure nad figCaption are properly centered. And when I rotate it again, it is now properly centered. It is weird.from caroufredsel-jquery.
@rpcarnell I suggest using Owl Carousel. With all respect to the caroufredsel developers, I found it to be buggy and was never truly able to get around the FOUC problem. Owl carousel is both responsive and works great. Just google it.
from caroufredsel-jquery.
Related Issues (20)
- RTL support
- Undefined variables due to comma error HOT 1
- Height variable on mobile HOT 4
- Slider jumps
- Hide a div on carousel sliding
- Responsive Help
- Natural scroll on mobile HOT 1
- Carousel clears radio buttons during transition
- Chrome, Safari, IE Display issue HOT 1
- Fade effect flashing in safari HOT 1
- Carousel item jumping to left HOT 1
- Nivo slider + carouFredSel for thumbnails?
- New URL for documentation HOT 1
- Permission of CarouFredSel jQuery plugin
- Feed not working properly in Google Chrome
- Responsive layout
- Documentation page not accessible HOT 4
- Usage of eval breaks minification
- Align center vertically? HOT 1
- black screen slideshow after redirect from HTTP to HTTPS
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from caroufredsel-jquery.