Resimleri net görmek istiyorsanız css içinden .overley etiketini bulup .7 olan değer ile oynayarak değiştirebilirsiniz.

opacity: -3;
örnek :
http://www.7the24.com/velis/

Hello,
How to make the buttons clickable, to a page or to a #.
Thank you

Bonjour,
Comment rendre cliquable les boutons, soi vers une page où vers un #.
Merci

change this

<button class="btn btn-hero btn-lg" role="button">See all features</button>

to

See all features

! <button class="btn btn-hero btn-lg" role="button">See all features</button> !

slider working but image is not showing can anyone help

What kind of mesurement is this -".fade-carousel .slides .slide-3 {height: 100vh....}"

vh is for "viewport height". so the code keeps the carousel on a full height of your device and will show the content only on scorlling.

is there a way to make the carousel background image responsive

Example:
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
height: 400px;
max-width:100%;

the carousel is not acting as responsive. background image remains large

Hi i am having a problem. the script works fine but for some reason the image doesnt start at the top? It is stuck inbetween the menu????

Can anyone please help me.

the link is http://christworkcomics.com...

Can someone help please?

To run the slider insert the jquery-min.css either locally or through CDN

dude jquery-min.css?

Check the following GitHub repo and download the working files.
https://github.com/ashokpok...

there doesnt appear to be any jquery-min.css can you please provide more information as to where to retrieve it. Thank you in advance

Check the following GitHub repo and download the working files.
https://github.com/ashokpok...
Hope it helps

do you have the actual code for this

Is there suppose to be javascript with this to make it move?

This is lovely slider.. but some bug :( microsoft edge 20 and safari too .. any fix with that.. ??

if you change all of the heights that say 100vh to 400px (or some other px) then it looks like it works

Great carousel! Any idea why the 3 slides would show up just flush on top of each other? Thanks!

Not working on IE8 , What should be solution?

Awessome

also my slider stops on the last slide and does not carry on

Hopefully a simple answer, it is taking a long time for the initial slide to start, once it has started it is correct and following the 4000 rule

between slide the background shows. Basically there is no fade-out animation on current slide it just disapears, revealing the background... Any hints on where to go from here?

Thanks

Same thing here - weird thing is it was working fine for me two weeks ago, then just started with this symptom. Any resolution to this?

Hello,

I have tried the carousel and it works for my bootstrap. However, I would want the only background to be fade in/out instead the contents, the contents should glide not the background. How would I do that? Let me know thanks.

Hello,

I have tried the carousel and it works for my bootstrap. However, I would want the only background to be fade in/out instead the contents, the contents should glide not the background. How would I do that? Let me know thanks.

Hello,

I have tried the carousel and it works for my bootstrap. However, I would want the only background to be fade in/out instead the contents, the contents should glide not the background. How would I do that? Let me know thanks.

Ä°ncredible, thank you bro.

I love this slider but I am unable to control it's height ! It fills all
of my page. I surrounded it with a div and gave it a definite height
but it didn't work.
Please let me know how to fix this problem?

Stuck on slide one... Any solution?

I've tried and cannot get the slides to rotate, I tried using slides on the computer, then on my site, it only shows the first slide and that's all. Manually doesn't work either.
I like the snippet, however I can't get it to work. - using Firefox, tried in IE as well.

not working automatic sliding tell me the solution?

change your opacity in .overlay according you.... it'll be excellent work :)

not work on me,stuck on slide 1 help me please

Help me im stuck on slide 1,the carousel is not work

Not work stuck on
slide 1

hi how can i add left to right button arrows? thanks

Hi guys
Could you please let me know how I can control the speed of that carousel
Thank you

Yes, you can change data-interval="4000" to number of milliseconds that you want.

sorry MAx but I am newbie, which is the css whit that tag ?

It is in the HTML, not in CSS

thank you for your help

thank you very much , now I m gonna ask you another thing :) , Why it doesn't automatically start , the sliding action works once if i click it. Thanks for your help

Good Morning

I change
.fade-carousel .slides .slide-1 {
background-image: url (href="img/banner1.jpg");
}
or
.fade-carousel .slides .slide-2 {
background-image: url (img/banner2.jpg");

its dont´work, help me please

thanx for thinking about workers...

I am having overlay issues.. after a full shuffle through the carousel, the 2nd slide appears below the main carousel when you scroll down the page. Any ideas? Reproduced in firefox/Chrome

Hello I would like to know how could you change height:100% reduce to 50% become the images are smaller? anybody know how to do it??? I have tried at .overlay height:50% it does not working at all?

Found at .fade-carousel .slides .slide-1,

.fade-carousel .slides .slide-2,

.fade-carousel .slides .slide-3 {

height: 500px;

I have never seen as 100vh. what is that?

http://snook.ca/archives/ht... see it !

what a great resource thanks for sharing

To fix the overlay problem, insert the overlay div in each slide div then change the opacity of overlay to a lighter opacity (.7 is dark in my opinion) .3 or .4 works nicely

<div class="item slides active">

<div class="slide-1">

<div class="overlay"></div>

</div>

not working in safari please tell me the solution.. its urgent..

The .hero z-index is greater than .overlay but it still keeps under .overlay.
Any clue for it?

just move the overlay before the slide.

<div class="overlay"></div>

<div class="slide-1"></div>

<div class="hero">

<hgroup>

<h1>We are creative</h1>

<h3>Get start your next awesome project</h3>

</hgroup>

<button class="btn btn-hero btn-lg" role="button">See all features</button>

</div>

</div>

This worked perfect in my case

good. now it's working.. thanx

@bonjovijaszfojas:disqus hi can you tell me the reason how can the problem be solved by moving the overlay before the side? thanks a lot

the same issue :(

In order for z-index to work, the positioning of the element has to be set
More information can be found here http://webdesign.tutsplus.c...

Changing the overlay z-index(line 78) to -1 helped me, maybe with you too?(it is only with no overlay)

The Overlay is not showing anymore in that case.

This is great but I only seem to be able to get it to work with the images included in the snippet. When I try to replace image link with url on local drive or even a web url, the images don't show. Do you know why this might be happening?

Hello, you might want to check the https:// and remove the 's'

sahi he might
:)

its really nice i will add in my next project :)