Image slider CSS

  • Unknown's avatar
    arbsdesign · Member ·

    Hi,

    Im looking to showcase more than one image for each project on my website without taking up 2 spaces in my home-made image library on the home page (laid out using html and css). Ideally id like to be able to have 2/3 images on top of some of the images scrolling through automatically. I dont need navigation icons, or any click functionality, literally just the guidance on how to get mini sliders in my gallery. Ive researched it and its said to be possible using css – but im no expert. Any takers for the challenge?

    https://arbsdesign.com/client-work/

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi @arbsdesign, we don’t currently have anything like that built in, and it’s a bit out of the scope of what we can offer in terms of CSS Support.

    But you might try searching the web for “css image slider no javascript” to see what you can find in terms of code to try. I’m sure there are several different options. I’d also recommend testing it this way:

    – Try the code / CSS options on a private test page, until you find one you like

    – Copy the front page code to the test page and try editing it to your liking

    – Once it’s working as you like, go ahead and copy that code back to the front page.

    I hope this helps!

  • Unknown's avatar
    arbsdesign · Member ·

    Hi @supernovia,

    Thats unfortunate, i am not a cas expert so was hoping for some help! I did find some css online that worked how i wanted it to.. can you at least tell me if its possible to make the sider that ive found sit inside my current 3 column layout gallary? I.e each of the images within may have more than 1 image flicking through.

    I feel like this may be done by having mulitple levels of html, maybe containers? But i dont know.

    http://Www.arbsdesign.com/client-work

  • Unknown's avatar
    krupaly2k · Member ·

    Hi @arbsdesign,

    Please try below code

    http://jsfiddle.net/d48vdxmv/2/

    Hope this will be helpful!

    Thanks

  • Unknown's avatar
    arbsdesign · Member ·

    Hi @krupaly2k

    thank you so much! This is what I’m looking for. Do you know how I would then duplicate that and have multiple of these into a gallery format like I have on this page:

    http://www.arbsdesign.com/client-work

    thanks,
    James

  • supernovia · Staff ·

    James, that CSS is written with an ID rather than classes, but you might be able to make it work by swapping out the following:

    – In the HTML, change ID= to to class=

    – In the CSS, change instances of # to .

    Hoping that helps.

  • The topic ‘Image slider CSS’ is closed to new replies.