Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
KraZz3D

full width image slider

Recommended Posts

Posted · Original PosterOP

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

Link to post
Share on other sites

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


I am good at computer

Spoiler

Motherboard: Gigabyte G1 sniper 3 | CPU: Intel 3770k @5.1Ghz | RAM: 32Gb G.Skill Ripjaws X @1600Mhz | Graphics card: EVGA 980 Ti SC | HDD: Seagate barracuda 3298534883327.74B + Samsung OEM 5400rpm drive + Seatgate barracude 2TB | PSU: Cougar CMX 1200w | CPU cooler: Custom loop

Link to post
Share on other sites
Posted · Original PosterOP

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 

Link to post
Share on other sites
Posted · Original PosterOP

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 

Link to post
Share on other sites

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;


I am good at computer

Spoiler

Motherboard: Gigabyte G1 sniper 3 | CPU: Intel 3770k @5.1Ghz | RAM: 32Gb G.Skill Ripjaws X @1600Mhz | Graphics card: EVGA 980 Ti SC | HDD: Seagate barracuda 3298534883327.74B + Samsung OEM 5400rpm drive + Seatgate barracude 2TB | PSU: Cougar CMX 1200w | CPU cooler: Custom loop

Link to post
Share on other sites
Posted · Original PosterOP

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 

Link to post
Share on other sites
Posted · Original PosterOP

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

Link to post
Share on other sites

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


I am good at computer

Spoiler

Motherboard: Gigabyte G1 sniper 3 | CPU: Intel 3770k @5.1Ghz | RAM: 32Gb G.Skill Ripjaws X @1600Mhz | Graphics card: EVGA 980 Ti SC | HDD: Seagate barracuda 3298534883327.74B + Samsung OEM 5400rpm drive + Seatgate barracude 2TB | PSU: Cougar CMX 1200w | CPU cooler: Custom loop

Link to post
Share on other sites
Posted · Original PosterOP

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

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×