SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2011
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I am having trouble running multiple jquery flickr galleries on one web page

    Hi

    I am trying to run multiple jquery flickr galleries on one web page but for the life of me I canít figure out why it will only show me one slideshow instead of two.

    Iíve tried different approaches at fixing the problem but I am reaching out to see if anyone else has any ideas that I havenít thought of.

    They are supposed to be stacked, one above the other.

    Code:
    <div id="homeone">
        	
            
            
         <div class="content">
            
            <!-- Adding gallery images. This is just a container for the dynamic flickr images -->
    
            <div id="galleria"></div>
        </div>
        <script>
    
        // Load the classic theme
        Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
    
        // Initialize Galleria
        $('#galleria').galleria({
    flickr: 'set:72157630255344406',
    transition: 'fade',
          flickrOptions:{    
              size: 'original', 
              description: false, 
              max: 100, 
              sort: 'date-posted-desc'
    }
    });
    
        </script>       
            
    		</div>
          
          
          
          
          
          
          <div id="homeone">
        	
            
            
         <div class="content">
            
            <!-- Adding gallery images. This is just a container for the dynamic flickr images -->
    
            <div id="galleria"></div>
        </div>
        <script>
    
        // Load the classic theme
        Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
    
        // Initialize Galleria
        $('#galleria').galleria({
    flickr: 'set:72157630253371152',
    transition: 'fade',
          flickrOptions:{    
              size: 'original', 
              description: false, 
              max: 100, 
              sort: 'date-posted-desc'
    }
    });
    
        </script>       
            
    		</div>
    You can see the web page here

    HTML Code:
    http://brianewagnerfund.org/upload.form_test.php
    I canít figure out if itís the Javascript or the CSS.

    Thanks in advance for your help.

  2. #2
    SitePoint Enthusiast
    Join Date
    Mar 2011
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nobody wants to take a crack at this???


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •