Настройте сверхкрупный плагин для галереи изображений

У меня есть проблема с фотогалереей.

Я должен обновить глобальную переменную... Это кажется достаточно легким, но это не работает... Какая-либо идея что не так здесь? Могло случиться так, что сверхкрупные работы onload и не могут быть обновлены, как только страница загрузила..?

  • моя начальная глобальная переменная объявлен в верхней части страницы
  • каждое уменьшенное изображение есть класс полного экрана для выбора
  • моя функция щелчка захватывает href якоря и обновляет переменную
  • переменная называют в матрице изображений слайдов

Вот мой код:

$path = '../images/bg-gallery.jpg'; //set initial image

<div></div>

$('.full-screen').click(function(e){
    e.preventDefault();
    $path = $(this).attr('href');
        return $path;   //update image path variable based on which thumbnail clicked
});

Это - то, где канал передачи изображения объявлен:

        jQuery(function($){

            $.supersized({

               //Functionality
                slide_interval          :   10000,     //Length between transitions
                transition              :   1,         //0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                transition_speed        :   700,       //Speed of transition

               //Components                           
                slide_links             :   'blank',   //Individual links for each slide (Options: false, 'num', 'name', 'blank')
                slides                  :   [{image : $path}]

            });
        });
0
nl ja de

1 ответы

Вместо того, чтобы пробовать к обновленному переменную я вошел в документацию и видел, что у них был API, чтобы работать с ( api.goTo ($slide); ).

  • я добавил rel="количество понижения" к каждой уменьшенной связи
  • я обновил слайды в сверхкрупных вариантах функции совпасть с большими пальцами
  • Написал быструю функцию, чтобы остановить действие по умолчанию на связи, захватить номер слайда и поместить его в goto API.

Работы как очарование!:)

Это - мой окончательный код:

<div></div>

$('.full-screen').click(function(e){
    e.preventDefault();
    var $slide = $(this).attr('rel');
        api.goTo($slide);
});

slides                  :   [
                                                {image : '../images/bg-gallery.jpg'}, 
                                                {image : '../images/gallery-imgs/photo-gallery/01.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/02.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/03.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/04.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/05.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/06.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/07.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/08.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/09.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/10.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/11.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/12.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/13.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/14.jpg'},
                                                {image : '../images/gallery-imgs/photo-gallery/15.jpg'},
                                                ]
1
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda