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.
You can see the web page here
I can’t figure out if it’s the Javascript or the CSS.
Thanks in advance for your help.
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:
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.