0 Replies Latest reply on Mar 2, 2017 7:31 AM by jessicapugliese

    Photo Gallery Web App

    jessicapugliese

      Liam Dilley

       

      I am trying to build a photo gallery slider web app. I followed the directions located here (with a few adjustments) https://docs.worldsecuresystems.com/user-manual/Modules/photo-galleries/creating-a-custom- jQuery-powered-Photo-Gallery, but I can't seem to get it to work with the jQuery slider I already have. I don't know if it's due to another plugin, but any help would be appreciated. Here is the code I am using, as well as the link.

      http://accnew.businesscatalyst.com/fleet/american-eagle

      <div data-autoplay="5000" data-slide-effect="slide" data-loop="false" class="swiper-container swiper-slider">        
      <script type="text/javascript">          
           $(function(){$.ajax({type: "GET",
               url:'{tag_gallery xml}',
               dataType: 'xml',
               success: xmlParser});
            function xmlParser(xml) {
               $(xml).find("img").each(function () {
               $('<div data-slide-bg="{tag_gallery path}' + $(this).attr('src') + '" class="swiper-slide"></div>').appendTo(".swiper-wrapper");
              });                    
             }          
           });
      </script>
      <div class="swiper-wrapper"></div>
      <div class="swiper-button-prev"><i class="fa fa-angle-left" aria-hidden="true"></i></div>
      <div class="swiper-button-next"><i class="fa fa-angle-right" aria-hidden="true"></i></div>
      </div>

       

      Message was edited by: Jessica Pugliese