full width image slider

[KraZz3D]

hi just wondering is someone could help me find an image slider for my website

 

i want it to cover the width of the screen and scale down to fit different screen sizes

i also want to have some control over the slider with arrows and also a pager count 

 

i have been looking at jquery but i struggle to figure out how to use it sometimes lol 

 

if someone could help out it would be great :-D

[Hazy125]

Are you are something like what I started working on with this webpage?

 

http://webdev.school.hazy125.com/

 

It uses Jquery and the Jquery Cycle 2 plugin to create a slideshow, it did use to have a slider effect, but it looked all funky when you made the images a fluid width. So I changed it to a fading slide show. Adding the page count is really simple too, but the controls require extra Javascript

 

@KraZz3D

[KraZz3D]

Are you are something like what I started working on with this webpage?

 

http://webdev.school.hazy125.com/

 

It uses Jquery and the Jquery Cycle 2 plugin to create a slideshow, it did use to have a slider effect, but it looked all funky when you made the images a fluid width. So I changed it to a fading slide show. Adding the page count is really simple too, but the controls require extra Javascript

 

@KraZz3D

 

it's ok got it working :-) got one with all controls and page counter and scales down as well 

[KraZz3D]

Are you are something like what I started working on with this webpage?

 

http://webdev.school.hazy125.com/

 

It uses Jquery and the Jquery Cycle 2 plugin to create a slideshow, it did use to have a slider effect, but it looked all funky when you made the images a fluid width. So I changed it to a fading slide show. Adding the page count is really simple too, but the controls require extra Javascript

 

@KraZz3D

 

could you point me to where you got all the code? I was doing a bit more to my website and under the image slider there is a big gap for some reason and i can't find out where it is coming from lol 

[Hazy125]

could you point me to where you got all the code? I was doing a bit more to my website and under the image slider there is a big gap for some reason and i can't find out where it is coming from lol

http://jquery.malsup.com/cycle2/

That's the jquery plugin, the fluid width and what not comes from custom css. I'm doing a job today, when I get home I'll post my code. Also, could you post your code, it might be something in your css causing it. Make sure you have the usual margin:0;padding:0;

[KraZz3D]

http://jquery.malsup.com/cycle2/

That's the jquery plugin, the fluid width and what not comes from custom css. I'm doing a job today, when I get home I'll post my code. Also, could you post your code, it might be something in your css causing it. Make sure you have the usual margin:0;padding:0;

 

i ended up just deleting it and using the wow slider lol seems to be doing the job :-) and very very easy to use

although the only annoying problem is all my images now have a small wow slider logo in the bottom corner and can't remove it 

[KraZz3D]

http://jquery.malsup.com/cycle2/

That's the jquery plugin, the fluid width and what not comes from custom css. I'm doing a job today, when I get home I'll post my code. Also, could you post your code, it might be something in your css causing it. Make sure you have the usual margin:0;padding:0;

this is my website so far, still a lot to do

 

http://ryancrawford.url.ph/index.html

[Hazy125]

i ended up just deleting it and using the wow slider lol seems to be doing the job :-) and very very easy to use

although the only annoying problem is all my images now have a small wow slider logo in the bottom corner and can't remove it 

That's what happens when you use the free version, to remove the logo you need to pay

[KraZz3D]

That's what happens when you use the free version, to remove the logo you need to pay

 

ohh dont really want to pay just to have the logo gone, be fine, can't really notice it so not going to bother me lol

[Cheesebaron]

I'd probably just go with something like: http://kenwheeler.github.io/slick/ or http://slidesjs.com/

[KraZz3D]

I'd probably just go with something like: http://kenwheeler.github.io/slick/ or http://slidesjs.com/

 

think im just going to leave it the way it is lol can't be bothered going back and deleting everything and doing it all over again

[Cheesebaron]

Yeah because it takes like 2 minutes of your time to convert it to slick... Your choice, your webpage.