Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript How to turn a few photos into a slider by click

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #262935
    Funkaholik
    Participant

    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?

    #262937
    Shikkediel
    Participant

    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…

    #262944
    Funkaholik
    Participant

    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

    #262945
    Shikkediel
    Participant
    #262951
    Funkaholik
    Participant

    tremendous work .. thanx again.,)

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

    #262964
    Shikkediel
    Participant

    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…

    #262977
    Shikkediel
    Participant

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

    #262993
    Funkaholik
    Participant

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

    #263017
    Shikkediel
    Participant

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

    #263267
    Funkaholik
    Participant

    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.

    #263276
    Shikkediel
    Participant

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

    #263288
    Funkaholik
    Participant

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

    #263289
    Shikkediel
    Participant

    You can use the existing event listeners…

    codepen.io/anon/pen/MOBeLY

    #263290
    Funkaholik
    Participant

    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.

    #263291
    Shikkediel
    Participant

    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.

Viewing 15 posts - 1 through 15 (of 17 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.