Div slider (grid content) | SoloLearn: Learn to code for FREE!

0

Div slider (grid content)

Hi guys, I spent some time trying to make a div slider (using the slider slick). I actually have an image gallery containing 6images displayed in a grid. I would like to be able to slide these 6 images at the same time (slide the grid) to display the next not visible on the web page. I didn't find any solution except coding the JS by myself. If you guys have any idea or any working slider in this kind of situation, I'm free to get some help. Draw : //First grid //Right grid not visible ------------------------------------- Slide it instead of the first grid, the new 6images | img | img | img | are displayed instead of the 6first | | | | ------------------------------------- | img | img | img | | | | | -------------------------------------

9/7/2018 5:37:46 AM

Sam Pache

8 Answers

New Answer

+1

I'm trying to understand what you want to accomplish, but I can't. Could you please provide a code? Maybe then it'll get clear, and if it does, I can help you much better.

+1

Here is how the code is supposed to be displayed on the html page (I'm working with php for more dynamics galleries so don't worry about the code) : https://code.sololearn.com/Wm8ijhfPaFh1/# The container1 is what is shown and I would like to have a slider to move out the container1 and display the content of container2 instead (still displayed as a grid with this exact css). Thanks for your interest. Brent Meeusen

+1

Oh I think I see what you want. You want it to horizontally smooth scroll I suppose? If so, I'd suggest to ask to Google: "smooth horizontal scrolling javascript" Because I don't know how to XD

+1

Exactly ! Yup I spent yesterday evening trying to do that with no success. I'll tell you here if I success doing something ;-)

+1

I did some research and I tried some things but I couldn't get it to work..... I'm sorry I can't help you man..

+1

yeah i'm trying as well with no success at the moment but i'll do it and post it here no worries ;)

+1

the best of luck! and thanks in advance for posting the solution 😉

0

Brent Meeusen just having done a few tests at the moment, the slick framework did put an auto display: block; on the slider images, so I have unset it. It's not the final version but it's an update before adding it to the website I work with :) (ps : check it on your computer)