Nano Hash - криптовалюты, майнинг, программирование

Кнопка воспроизведения jQuery Supersize и кнопка опускания лотка не отображаются

Я интегрировал плагин Supersized 3.2.7 — Fullscreen Slideshow jQuery в пользовательскую тему WordPress. Я использую WordPress 3.4.2. Все в слайд-шоу работает отлично, за исключением того, что когда я нажимаю кнопку паузы, я получаю отсутствующую кнопку воспроизведения (play.png). Это также происходит, когда я нажимаю кнопку открытия лотка, кнопка опускания лотка (button-tray-down.png) отсутствует. Вот ссылка на страницу: http://dev4.mccawphotographics.com/views/

Когда я проверяю путь к этим кнопкам в источнике, я вижу img/button-tray-down.png и img/play.png. Очевидно, это неправильный путь, но я не могу понять, как заставить его использовать правильный путь к изображениям.

Я часами гуглил, но пока не нашел ответов. Вот мой код, который вызывает функцию увеличенного размера:

<script type="text/javascript">
    jQuery(function($){

        $.supersized({

            // Functionality
            slideshow               :   1,          // Slideshow on/off
            autoplay                :   1,          // Slideshow starts playing automatically
            start_slide             :   1,          // Start slide (0 is random)
            stop_loop               :   0,          // Pauses slideshow on last slide
            random                  :   0,          // Randomize slide order (Ignores start slide)
            slide_interval          :   6000,       // 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        :   2000,       // Speed of transition
            new_window              :   1,          // Image links open in new window/tab
            pause_hover             :   0,          // Pause slideshow on hover
            keyboard_nav            :   1,          // Keyboard navigation on/off
            performance             :   1,          // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
            image_protect           :   1,          // Disables image dragging and right click with Javascript

            // Size & Position                         
            min_width               :   0,          // Min width allowed (in pixels)
            min_height              :   0,          // Min height allowed (in pixels)
            vertical_center         :   0,          // Vertically center background
            horizontal_center       :   1,          // Horizontally center background
            fit_always              :   0,          // Image will never exceed browser width or height (Ignores min. dimensions)
            fit_portrait            :   1,          // Portrait images will not exceed browser height
            fit_landscape           :   0,          // Landscape images will not exceed browser width

            // Components                           
            slide_links             :   false,  // Individual links for each slide (Options: false, 'number', 'name', 'blank')
            thumb_links             :   1,          // Individual thumb links for each slide
            thumbnail_navigation    :   0,          // Thumbnail navigation
            slides                  :   [           // Slideshow Images
                                                {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-5.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-5.jpg', url : ''},
                                                {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-4.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-4.jpg', url : ''},  
                                                {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-3.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-3.jpg', url : ''},
                                                {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-2.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-2.jpg', url : ''},
                                                {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-1.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-1.jpg', url : ''},


                                        ],

            // Theme Options               
            progress_bar            :   1,          // Timer for each slide                         
            mouse_scrub             :   0

        });
    });
</script>

Любая идея, что вызывает эту проблему и как ее исправить?

Спасибо!


Ответы:


1

Вы указали путь к изображениям в своем JavaScript в vars:

   image_path: "img/"

Измените это на:

   image_path: "/wp-content/themes/residence-xxv/images/"
12.10.2012
  • Я только что попытался добавить image_path:/wp-content/themes/residence-xxv/images/ к приведенному выше javascript, но это не сработало. Я не добавляю его в правильный javascript? 12.10.2012
  • Ах, на самом деле это вообще не в вашем коде. Он жестко закодирован в supersized.shutter.min.js. Вам придется либо заменить его там, либо отредактировать неминифицированную версию этого файла JavaScript и использовать ее. 13.10.2012
  • Вот оно. Большое спасибо! Мне не очень нравится редактировать сам файл плагина. Интересно, почему это сделано именно так. Похоже, вы должны иметь возможность изменить image_path, как указано выше, в своем вызове для инициализации функции. Если вы знаете лучший способ исправить это, я был бы признателен за это. При этом сейчас работает. Спасибо еще раз! 13.10.2012
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..