Need a left<>right gallery slider - can it be done in CSS?

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Need a left<>right gallery slider - can it be done in CS

Post by simonmlewis »

Well I will be god damned, it works in that way.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Need a left<>right gallery slider - can it be done in CS

Post by simonmlewis »

I'm trying to work out how you can set borders and shadows, without breaking the "slider".
I just tried it, but the divs all went to two rows.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Need a left<>right gallery slider - can it be done in CS

Post by simonmlewis »

It works now. That was odd. Created a custom Class and it's fine. Just take s alot of work to make it look how you want.

How do you make the "left/Right" arrows appear?
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Need a left<>right gallery slider - can it be done in CS

Post by simonmlewis »

ss.png
ss.png (1.86 KiB) Viewed 6428 times
This is how it is now. I made it grey to see the arrows.

So how do I stop it going right off the page? I Cannot see a width in CSS causing this.

Even if I put it in a separate 950w div, the left arrow is off the page, and the right edge of the right div is always missing.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Need a left<>right gallery slider - can it be done in CS

Post by simonmlewis »

I've got it to run in a page, with images.
It's still stretching out, but that's doubltless some odd CSS thing.
The problem now is the arrows and dots are not displaying, while the sliding is working fine.

Are the dot "run" by Javascript? I'm wondering if some other JS is breaking it.

I've copied all files over to the new folder on the site I am building it, and the two things that don't work are:

Width pushes the containing DIV outwards.
Left/Right arrows show up as very bizarre characters, and the dots are just the tinest of "swiggles".

I'm sure we are nearly there with it, but these final issues remain.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Celauran
Moderator
Posts: 6425
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: Need a left<>right gallery slider - can it be done in CS

Post by Celauran »

simonmlewis wrote:Are the dot "run" by Javascript? I'm wondering if some other JS is breaking it.
Yes and very likely, respectively.
simonmlewis wrote:Left/Right arrows show up as very bizarre characters, and the dots are just the tinest of "swiggles".
http://kenwheeler.github.io/slick/#settings

Look at appendArrows, prevArrow, and nextArrow settings.
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Need a left<>right gallery slider - can it be done in CS

Post by simonmlewis »

So that will stop the arrows showing, and using buttons instead?
Is there no way of stopping JS from breaking then. I guess it's a conflict of somekind.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Celauran
Moderator
Posts: 6425
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: Need a left<>right gallery slider - can it be done in CS

Post by Celauran »

simonmlewis wrote:Is there no way of stopping JS from breaking then.
Of course there is, you just need to find the conflict.
simonmlewis
DevNet Master
Posts: 4434
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Need a left<>right gallery slider - can it be done in CS

Post by simonmlewis »

Cool - how do I find the conflict? This is something I've never had to do before.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply