Jump to content


Photo

Carousel collapses

carousel

  • Please log in to reply
6 replies to this topic

#1 mikelamar

mikelamar

    Forum Newcomer

  • Members
  • Pip
  • 28 posts
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 06 August 2017 - 06:24 PM

I've a 100% working carousel taken from here https://codepen.io/d...thanh/pen/AgHnB and tried to incorporate to my site but it collapses.

 

You can check it here   https://codepen.io/m...rdes/pen/oeBoxJ

 

Can someone please explain to me why is this happening and how I can fix it.

 

Thank you in advance.

 

 



#2 Jack

Jack

    NaN

  • Moderators
  • PipPipPipPipPip
  • 3,205 posts
  • Gender:Male
  • Location:Jersey Channel Islands
  • Experience:Advanced
  • Area of Expertise:Web Designer

Posted 07 August 2017 - 10:35 AM

The example you provided uses Sass and you haven't added the Sass complier. You can either install and use Sass in your project, or just compile the code back to CSS using something like https://www.sassmeister.com, and use the compiled version in your project instead.



#3 mikelamar

mikelamar

    Forum Newcomer

  • Members
  • Pip
  • 28 posts
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 07 August 2017 - 07:23 PM

The example you provided uses Sass and you haven't added the Sass complier. You can either install and use Sass in your project, or just compile the code back to CSS using something like https://www.sassmeister.com, and use the compiled version in your project instead.

 

Is it better to use a javascript carousel or this one?



#4 mikelamar

mikelamar

    Forum Newcomer

  • Members
  • Pip
  • 28 posts
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 09 August 2017 - 09:51 AM

I tried this free js carousel

http://www.cssscript.com/responsive-carousel-plugin-pure-javascript-tour-js/

But I didn't make it work!

 

https://codepen.io/m...rdes/pen/oeBoxJ

 

I added the links on head, the code in html but...



#5 Jack

Jack

    NaN

  • Moderators
  • PipPipPipPipPip
  • 3,205 posts
  • Gender:Male
  • Location:Jersey Channel Islands
  • Experience:Advanced
  • Area of Expertise:Web Designer

Posted 09 August 2017 - 09:55 AM

I tried this free js carousel

http://www.cssscript.com/responsive-carousel-plugin-pure-javascript-tour-js/

But I didn't make it work!

 

https://codepen.io/m...rdes/pen/oeBoxJ

 

I added the links on head, the code in html but...

 

This one also uses Sass not CSS. You either need something to compile Sass or look for an alternative.



#6 mikelamar

mikelamar

    Forum Newcomer

  • Members
  • Pip
  • 28 posts
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 09 August 2017 - 09:57 AM

Can you please suggest one easy enough that works similar to use it?

 

PS: Im using Brackets, should I install an addon for sass?


Edited by mikelamar, 09 August 2017 - 10:02 AM.


#7 mikelamar

mikelamar

    Forum Newcomer

  • Members
  • Pip
  • 28 posts
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 11 August 2017 - 06:48 PM

Can you please move my post to the right section Web Development   CSS, XHTML/HTML & Javascript please.







0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users