elabx Posted October 27, 2015 Share Posted October 27, 2015 Hello everyone, Does anyone know of a free javascript/jquery solution I could use to achieve a logo carousel like this one? http://codecanyon.net/item/logo-carousel-jquery-logos-showcase/full_screen_preview/6261911 Link to comment Share on other sites More sharing options...
LostKobrakai Posted October 27, 2015 Share Posted October 27, 2015 I'm not much of a help here, but I had to smirk when reading "smooth jquery animation" in the description. If it should be smooth one shouldn't use jquery. 1 Link to comment Share on other sites More sharing options...
elabx Posted October 27, 2015 Author Share Posted October 27, 2015 Ended up using Owl Carousel 2 http://www.owlcarousel.owlgraphic.com/ Not exactly what I was looking for, but it will work for now, thanks! Link to comment Share on other sites More sharing options...
Christophe Posted October 27, 2015 Share Posted October 27, 2015 Hello, I've already used Reel once on a website: http://jquery.vostrel.cz/reel See "Who uses it?" for an example with logos. I think you can also make it work vertically. You can use sprites or several individual images. NB: I will remove this part later... http://www.emballagescartofrance.fr/2/guide-d-achat-cannelures-caisses-carton-americaines/ One of the two websites I made with ImpressPages CMS. I knew very little about ProcessWire when I had to create this website and choose a new CMS. Several instances of Reel (too many) on the page. You can use the mouse (wheel). 1 Link to comment Share on other sites More sharing options...
diogo Posted October 27, 2015 Share Posted October 27, 2015 Slick is really easy to implement. Doesn't do what you asked, but it's a good alternative to owl. 1 Link to comment Share on other sites More sharing options...
elabx Posted October 27, 2015 Author Share Posted October 27, 2015 I always use slick and I don't know how the heck I didn't think about it first!!! By far one of my favourites, now that I read correctly it does say "the last carousel you will ever need", I always use it as a slider, maybe that's why it didn't cross my mind, damn, some useful time lost yesterday and today 1 Link to comment Share on other sites More sharing options...
bernhard Posted October 28, 2015 Share Posted October 28, 2015 Please share how you got slick to slide your images permanently like shown in the example Link to comment Share on other sites More sharing options...
diogo Posted October 28, 2015 Share Posted October 28, 2015 Please share how you got slick to slide your images permanently like shown in the example I'm assuming he just gave up on that. Right Eduardo? Link to comment Share on other sites More sharing options...
elabx Posted October 28, 2015 Author Share Posted October 28, 2015 Please share how you got slick to slide your images permanently like shown in the example Yes! I gave up on that, let's say that the solution I decided upon would be to configure slick with options infinite:true and autoplay:true. So it kind of scrolls in discrete steps infinitely (placing first after last), though not the solution I looked for but it worked for the client I didn't try Reel because the animation doesn't look as smooth as I'd like to, but definitely the only option that looked similar to that Codecanyon plugin. (although after LostKobrakai's comment I saw the very little "stepping" in the animation) Btw, I forgot to ask him but, what would be better than using Jquery, CSS transforms? I thought it would be easier to find an already available solution as I have seen this fairly enough times, but doesn't seem to be, there's a develpment oportunity here I guess. Link to comment Share on other sites More sharing options...
Christophe Posted October 28, 2015 Share Posted October 28, 2015 Perhaps something with "vanilla"/pure javascript and/or velocity.js (which can be used with or without jquery). I've just found https://github.com/mmonkey/fireSlider There are certainly many others. NB: for other things, I've also found http://darsa.in/sly/ 2 Link to comment Share on other sites More sharing options...
gebeer Posted October 29, 2015 Share Posted October 29, 2015 In slick, if you set "autoplaySpeed" to something quite low (10 or so) and "speed" to something quite high (10000 or higher) you should get a nice result. See http://codepen.io/anon/pen/WQJPXr 4 Link to comment Share on other sites More sharing options...
elabx Posted October 30, 2015 Author Share Posted October 30, 2015 Got it! Check it out on http://educacioninicial-puebla.org/ at the very bottom. 2 Link to comment Share on other sites More sharing options...
Recommended Posts