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.