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>
![Admin](/assets/logo_square_200-5d0d61d6853298bd2a4fe063103715b4daf2819fc21225efa21dfb93e61952ea.png)
Author by
Admin
Updated on August 23, 2022Comments
-
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 over 8 yearslet me try that with my mobile
-
Admin over 8 yearsThanx I never thout that the answer is easy this much! thank you anyway.
-
Admin over 8 yearsThanx I never thout that the answer is easy this much! thank you anyway.