Questions tagged [slideshow]

3563 questions
362
votes
9 answers

How to create a video from images with FFmpeg?

ffmpeg -r 1/5 -start_number 2 -i img%03d.png -c:v libx264 -r 30 -pix_fmt yuv420p out.mp4 This line worked fine but I want to create a video file from images in another folder. Image names in my folder are: img001.jpg img002.jpg img003.jpg ... How…
user3877422
  • 3,687
  • 3
  • 13
  • 6
36
votes
4 answers

jquery simple image slideshow tutorial

Where can I find a simple jquery image slideshow tutorial for beginners from scratch (without plugins) without left and right navigation button? thank you.
vaanipala
  • 1,261
  • 7
  • 36
  • 63
32
votes
1 answer

Run Jupyter cells in slideshow mode

You can display a Jupyter notebook in an active html setting by running : $ jupyter nbconvert untitled.ipynb --to slides --post serve Is there any ways to run a notebook in the same slideshow format in order to allow for a live…
Adrien Pacifico
  • 1,649
  • 1
  • 15
  • 33
28
votes
5 answers

How to build simple jQuery image slider with sliding or opacity effect?

Some of us might not want to use ready plugins because of their high sizes and possibilty of creating conflicts with current javascript. I was using light slider plugins before but when customer gives modular revise, it became really hard to…
Barlas Apaydin
  • 7,233
  • 11
  • 55
  • 86
25
votes
16 answers

How can I have multiple Swiper slideshows on a single page?

I'm using Swiper Slideshow. I'm using this particular version. Here's the exact code I'm using. When adding a second Swiper, the pagination doesn't work properly. I tried giving a different class to the second Swiper container but it didn't…
David Martins
  • 1,830
  • 6
  • 22
  • 30
23
votes
6 answers

Twitter Bootstrap Carousel Not Sliding

I ran into an interesting issue. I'm pretty sure that the answer is very simple, but I just couldn't figure it out so I thought I look for some help. Basically, my carousel doesn't slide. It just switches image. I even tried copying the exact HTML…
juminoz
  • 3,168
  • 7
  • 35
  • 52
19
votes
4 answers

Display: initial for internet explorer

I've made a website that works just fine in Google Chrome and Firefox, but when I run it in Internet Explorer I'm experiencing problems. So, I have 2 slideshows on my index page but only one should show at a specific screen resolution. I created…
18
votes
5 answers

Add back and forward functionalities in slideshow

I made a slideshow with php and javascript and it slides the images just fine , but i'm a bit stuck at the back and forward functionalities and i would be grateful if you could help me a bit here.This is what i've done so far: PHP: $dir =…
Petru Lebada
  • 2,167
  • 8
  • 38
  • 59
18
votes
1 answer

Implement a CSS-only slideshow / carousel with next and previous buttons?

For some time now, off and on, I've been trying to implement a CSS-only slideshow, one that would: Offer forward and backward navigation. Not modify navigation history. Instil a distinct direction to the movement of the content. Work across as many…
Pebbl
  • 34,937
  • 6
  • 62
  • 64
17
votes
6 answers

Image slider: maintaining equal height for all images while keeping slider responsive

In my JS image slider (Owl-Carousel), images have different dimensions: http://goo.gl/KmpX2P You can see that the image height varies within the carousel. How to make it constant while keeping carousel responsive? I need images to fill the slider…
drake035
  • 3,955
  • 41
  • 119
  • 229
16
votes
6 answers

JQuery wait for page to finish loading before starting the slideshow?

I have a site with a rotating header image (you've all seen them). I want to do the following: Load the entire page plus the first header image Start the header image slideshow transitioning every x seconds or when the next image has finished…
DevDevDev
  • 5,107
  • 7
  • 55
  • 87
14
votes
5 answers

Changing CSS properties 'on-the-fly'

I've got this vertical slideshow navigable by up/down arrows. there's 7 items (divs) inside the slideshow's container div but only 3 of them are visible at a time. In truth, this slideshow is a menu - from the 3 items visible, the one in the middle…
Pedro
  • 573
  • 5
  • 16
14
votes
3 answers

Advise on how to implement image slideshow/carousel? ( iOS )

I've just started out with iOS development and I'm building an app to help myself learn faster. I've gotten to the stage where I have all the basics of the app nailed down but now I just want to implement a slideshow at the top of my view…
Dave
  • 151
  • 1
  • 1
  • 4
13
votes
2 answers

How to create image slideshow in html?

I wanna make image slideshow on my web, here's my code