Multiple images in slide show

17,702

Solution 1

Its not a special thing just use this css:

.swipe{
    overflow:auto;
    white-space:nowrap;
}

and in your html:

<div class=swipe>
<img src="">
<img src="">
<img src="">
.
.
.
</div>

In computers it has a scroll bar but in mobile you can swipe it

Solution 2

How about this? (It uses a horizontal overflow, allowing movement from side to side)

.slide-container {
  overflow: auto;
  white-space: nowrap;
}
<div class="slide-container">
<img src="http://placehold.it/200" />
<img src="http://placehold.it/200" />
<img src="http://placehold.it/200" />
<img src="http://placehold.it/200" />
</div>

Share:
17,702
Admin
Author by

Admin

Updated on August 23, 2022

Comments

  • Admin
    Admin almost 2 years

    I want to have a different kind of slide show. I tried bootstrap carousel and so many other slide shows, but they contain only one picture and my issue is that i want to have multiple photos.

    Is there any slide show or any idea that causes a slide show like this? thank you.

  • Admin
    Admin over 8 years
    let me try that with my mobile
  • Admin
    Admin over 8 years
    Thanx I never thout that the answer is easy this much! thank you anyway.
  • Admin
    Admin over 8 years
    Thanx I never thout that the answer is easy this much! thank you anyway.