Слайд-шоу изображений Rails

Question

Слайд-шоу изображений Rails

0

У меня есть приложение, которое имеет одно изображение на главной странице. Я хотел бы, чтобы это изображение изменилось на другое изображение в формате слайд-шоу каждые 5 секунд или около того. Только между двумя изображениями.

Есть ли рубиновый камень для этого или это может быть что-то, что может сделать jquery?

user2184718 13 дек. 2013, в 18:25

Источник

0

Ваше изображение хранится в базе данных?
Justin 13 дек. 2013, в 16:41
0

не сейчас оба хранятся в папке с изображениями
user2184718 13 дек. 2013, в 16:46
0

Тогда вам нужен только jquery ... Есть много других вопросов, подобных этому - попробуйте stackoverflow.com/questions/8366684/… . Просто измените интервал целого числа на 5000, если вы хотите, чтобы он менялся на 5 секунд. Вы также можете добавить эффекты для fadeIn изображений и т. Д. Если этот ответ не работает для вас, дайте мне знать, и я отвечу на этот вопрос :)
Justin 13 дек. 2013, в 16:50
0

И если вы используете twitter-bootstrap, вы можете изучить использование их Карусели и просто удалить ссылки на Prev / Next img и заменить их интервалом. $(function(){ $('.carousel').carousel({ interval: 5000 }); }); getbootstrap.com/javascript/#carousel
Justin 13 дек. 2013, в 16:53

Показать ещё 2 комментария

Теги:

jquery

ruby-on-rails

rubygems

1 ответ

Ещё вопросы

Ваше изображение хранится в базе данных?
не сейчас оба хранятся в папке с изображениями
Тогда вам нужен только jquery ... Есть много других вопросов, подобных этому - попробуйте stackoverflow.com/questions/8366684/… . Просто измените интервал целого числа на 5000, если вы хотите, чтобы он менялся на 5 секунд. Вы также можете добавить эффекты для fadeIn изображений и т. Д. Если этот ответ не работает для вас, дайте мне знать, и я отвечу на этот вопрос :)
И если вы используете twitter-bootstrap, вы можете изучить использование их Карусели и просто удалить ссылки на Prev / Next img и заменить их интервалом. $(function(){ $('.carousel').carousel({ interval: 5000 }); }); getbootstrap.com/javascript/#carousel

Alok Amme · Answer 1 · 2017-11-28T05-00-00.000Z

Если вы хотите использовать драгоценный камень, то лучшее, что я могу предложить, это 'flex-slider-rails'