Как получить эффект ниже, используя js jquery или любой другой плагин?

Question

Как получить эффект ниже, используя js jquery или любой другой плагин?

-4

Примечание: см. Изображения

Я хочу, чтобы на обычном рабочем столе отображались divs (содержащее изображение и абзац), но на мобильном сайте мне нужен горизонтальный слайдер с прокруткой и только один div для отображения одновременно и с возможностью скольжения.

Я использую bootstrap jquery и готов использовать любой другой плагин reqd.

Как достичь этого эффекта?

sharin gan 19 фев. 2016, в 06:56

Источник

0

Это должно быть возможно с самой Bootstrap. Проверьте этот веб-сайт и убедитесь, что это тот элементный эффект, который вы хотите
masmrdrr 19 фев. 2016, в 06:30

Теги:

jquery

twitter-bootstrap

css

jquery-ui

uislider

1 ответ

Ещё вопросы

Это должно быть возможно с самой Bootstrap. Проверьте этот веб-сайт и убедитесь, что это тот элементный эффект, который вы хотите

Badrush · Answer 1 · 2016-02-19T07-34-00.000Z

Я сделал что-то подобное. На мобильном сайте вы установили все из них, кроме тех, которые вы хотите показать при загрузке страницы на

display:none;

Затем в JQuery/JS вам нужно переключать другие div. Поэтому, когда ваша кнопка нажата, JQuery скрывает все остальные div, если они уже видны, а затем "переключает" (делает видимым) тот, на который они нажали.

Вы можете использовать этот фрагмент для каждого нажатия кнопки/кнопки:

Как он работает, если вы нажмете кнопку для Div2, она скрывает div1 или div3, если они видны. Затем он отображает Div2.

  $('#Button_Div2').click(function(){
  $('.Div1:visible').toggle("slide");
  $('.Div3:visible').toggle("slide");

  $('.Div2:hidden').toggle("slide");
  });