How to turn a few photos into a slider by click

[Funkaholik]

i’m thinkin’ maybe there is a jquery plugin for this so it’ll be easier to use it insted of goin’
because i don’t know how to turn by click a pack of images into a slider with nav button next/previous
what you’d say?

[Shikkediel]

I think you’re pretty much there already, using the script that’s commented out:

codepen.io/anon/pen/NwBNJy

Edit – I messed up the script, making it jQuery and thereby apparently losing the original JS version…

[Funkaholik]

haha .. the one that was commented was all good for me but your script is more clear (less is more)
you see the only thing is how to kick photos into a slider when click on any image so all photos
will get together and start having a good time)) And then somehow by clickin X-close button they’ll get the intial position 0_0

[Shikkediel]

Easy peasy.

codepen.io/anon/pen/MOBeLY

[Funkaholik]

tremendous work .. thanx again.,)

P.S. what’s up with that Tamiaweb.com?

[Shikkediel]

No problemos. Radio controlled cars are a long time hobby of mine. Tamiya’s one of the biggest and earliest brands. A friend had a huge amount of pretty rare documentation so I put it online for people to be able to rebuild their vintage stuff…

[Shikkediel]

It’s actually the reason I started coding in the first place by the way.

[Funkaholik]

Good reason to start and it’s that simple)
Whatcha think about quadrocopters?

[Shikkediel]

Drones are neat but I’m more with the old skool road vehicles…

[Funkaholik]

eahh but how i can customise the slider image proportions, because right they inherit it from .pic class
and if i change it then it effects the grid view also.

[Shikkediel]

Far as I can tell, you probably want to use a class for that to be added or removed inside the JS…

[Funkaholik]

Something like that
But it still caome back in a different view after you hit X

[Shikkediel]

You can use the existing event listeners…

codepen.io/anon/pen/MOBeLY

[Funkaholik]

Cool .. and what about free space to be involved?
just to exlude all other inquieries and mark it as solved))

P.S. your last script adds a class only for one slide not the others.

[Shikkediel]

I noticed about the single class, it worked nonetheless though. Must be the flex properties. But I’ve made a minor adaptation.

Edit – actually, it didn’t work well before.

Dunno what you mean about the free space.

[Author]

Posts