Image Carousel that works with Foundation

Posted By Roosker Thu 12 Dec 2013
Add to Favorites0
Author Message
Roosker
 Posted Thu 12 Dec 2013
Supreme Being

Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)

Group: Forum Members
Last Active: Mon 6 Jan 2014
Posts: 16, Visits: 53
Hi,

I added an image carousel to a website using bxSlider and it worked fine in Firefox and Chrome but not at all in IE. I tracked it down to a clash between the Foundation Script and the bxSlider script. Does anyone know of an image carousel that works with Foundation. You can see the site at http://www.clairefontayne.ie/default.aspx.
Neil
 Posted Thu 12 Dec 2013
Supreme Being

Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)

Group: Forum Members
Last Active: Sat 3 Nov 2018
Posts: 192, Visits: 5,220
Orbit is built straight into Foundation

http://foundation.zurb.com/docs/components/orbit.html
Roosker
 Posted Fri 13 Dec 2013
Supreme Being

Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)

Group: Forum Members
Last Active: Mon 6 Jan 2014
Posts: 16, Visits: 53
Thanks Neil. Orbit is an image slider but I need a carousel that can display several images at one time and then move to the next set of images. The slider is already set up on the website and you can see it working on Firefox or Chrome, but not IE. Is it possible to configure Orbit to clone this behaviour?
Neil
 Posted Fri 13 Dec 2013
Supreme Being

Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)Supreme Being - (124,047 reputation)

Group: Forum Members
Last Active: Sat 3 Nov 2018
Posts: 192, Visits: 5,220
Ah yes ok. I used bxslider in a site here for featured products (4 items per slide), but this is running an older version of Kartris before Foundation.

http://www.aboutfaceonline.co.uk/

I do not think this is currently possible with Orbit.
Fri 13 Dec 2013 by Neil
Roosker
 Posted Fri 13 Dec 2013
Supreme Being

Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)

Group: Forum Members
Last Active: Mon 6 Jan 2014
Posts: 16, Visits: 53
Thanks Neil,

Nice implementation of bxSlider (nice site too!). Right, what it comes down to is this - Kartis uses Zepto which is not supported by IE, but there's code to load jQuery if Zepto is not supported. I think the reason that it won't work in IE is because I'm loading the jQuery library twice - this doesn't matter in browsers that support Zepto because jQuery is loaded once and everything works fine. Using a Zepto-based image carousel won't work for me in IE so really I need one that will work with either. Loading both Zepto and jQuery in Firefox or Chrome is fine, but IE throws an error with Zepto.

Basically I need to load jQuery for all browsers except IE - any ideas on how I could go about this? My client wants an image zoom instead of the popup for products and I'm dreading getting into that - it seems I can't use any jQuery plugins with Kartris and IE...
Paul
 Posted Fri 13 Dec 2013
große Käse

große Käse - (511,232 reputation)große Käse - (511,232 reputation)große Käse - (511,232 reputation)große Käse - (511,232 reputation)große Käse - (511,232 reputation)große Käse - (511,232 reputation)große Käse - (511,232 reputation)große Käse - (511,232 reputation)große Käse - (511,232 reputation)

Group: Administrators
Last Active: Tue 10 Sep 2024
Posts: 807, Visits: 2,748
There is some js code in the template.master that decides whether to load zepto or jquery. I wonder if it is possible to just hard code in jquery, so you use that for every browser. In theory, I think chrome and firefox should also be able to use that. Foundation 4 uses zepto because it's faster/smaller, but it falls back to jquery for IE because zepto doesn't work there.

Foundation 5 is out now, and we've started looking at this for the next Kartris version. One of the changes is that it no longer uses zepto, it appears to use jquery for everything. I think longer term this is a better approach, as all browsers will run the same code.


--
If my post solves your issue, can you 'Mark as Answer' so it's easier for other users to find in future.

If you would like to be informed of new features, new releases, developments and occasional special bonuses, please sign up to our mailing list: http://bit.ly/19sKMZb
Fri 13 Dec 2013 by Paul
Roosker
 Posted Mon 16 Dec 2013
Supreme Being

Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)Supreme Being - (11,423 reputation)

Group: Forum Members
Last Active: Mon 6 Jan 2014
Posts: 16, Visits: 53
Thanks Paul. Hardcoding jQuery works fine for browsers that support Zepto but with IE the jQuery is loaded twice from the Kartris code and the hardcoded link. I think this is what's causing the problem. At the moment I've bypassed loading Zepto into the home page and this works fine (So far). I'm a bit reluctant to do this to the rest of the site because I'm not sure where Zepto is required. Do you think it would be okay to do without Zepto and just use jQuery?

Similar Topics

Expand / Collapse

Reading This Topic

Expand / Collapse

Back To Top