Multi-Image Slider

Question

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

Я использую HTML4, к сожалению. Вот скрипка JS, которую я собрал из своего слайдера!

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

Заранее спасибо за помощь.

Мне нужно, чтобы это выглядело так:

Answer 1

Есть несколько вещей, которые вы должны сделать, чтобы настроить элементы управления:

1. Вы должны иметь контроль в первую очередь. По умолчанию prev/Next элементы управления установлены в false:

   navigation:true

2. Далее мы создадим фактические стрелки для элементов управления, используя navigationText опции для разбора массива строк в реально работающий HTML.

   navigationText: [
         "<i class='fa fa-chevron-left'></i>",
         "<i class='fa fa-chevron-right'></i>"
      ] 
   

3. Я почти забыл, когда я просматривал вашу скрипку, она вообще не работала. Для запуска Owl Carousel требуется как минимум 3 внешних файла.

   1. Сова Карусель CSS (Необязательно, рекомендуется):

   2. Сова Карусель Тематические CSS (необязательно):

   3. Font-Awesome Icons CSS (Необязательно):

   4. jQuery (необходимый):