Template:MQgallery

From 2012.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 20: Line 20:
         <div id="galleria">
         <div id="galleria">
-
<img src="https://static.igem.org/mediawiki/2012/0/08/IMG_3622.jpg" data-title="My title" data-description="My <strong>description</strong>" data-link="https://2012.igem.org/File:IMG_3622.jpg">
+
<img src="https://static.igem.org/mediawiki/2012/6/6d/Slide1MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide1MQ.jpg">
-
            <img src="https://static.igem.org/mediawiki/2012/c/c4/PLAN1.jpg"data-title="My title" data-description="My <strong>description</strong>" data-link="https://static.igem.org/mediawiki/2012/c/c4/PLAN1.jpg">
+
<img src="https://static.igem.org/mediawiki/2012/8/86/Slide2MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide2MQ.jpg">
-
            <img src="https://static.igem.org/mediawiki/2012/1/1a/Igem2.jpg" data-title="My title" data-description="My <strong>description</strong>" data-link="https://static.igem.org/mediawiki/2012/1/1a/Igem2.jpg">
+
<img src="https://static.igem.org/mediawiki/2012/5/52/Slide3MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide3MQ.jpg">
-
            <img src="https://static.igem.org/mediawiki/2012/9/92/Igem1.jpg" data-title="My title" data-description="My <strong>description</strong>" data-link="https://static.igem.org/mediawiki/2012/9/92/Igem1.jpg">
+
<img src="https://static.igem.org/mediawiki/2012/c/c8/Slide4MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide4MQ.jpg">
 +
<img src="https://static.igem.org/mediawiki/2012/0/08/Slide5MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide5MQ.jpg">
 +
<img src="https://static.igem.org/mediawiki/2012/a/ae/Slide6MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide6MQ.jpg">
 +
<img src="https://static.igem.org/mediawiki/2012/6/6b/Slide7MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide7MQ.jpg">
 +
<img src="https://static.igem.org/mediawiki/2012/f/f6/Slide8MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide8MQ.jpg">
 +
<img src="https://static.igem.org/mediawiki/2012/4/43/Slide9MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide9MQ.jpg">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b1/Slide10MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide10MQ.jpg">
 +
<img src="https://static.igem.org/mediawiki/2012/e/e9/Slide11MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide11MQ.jpg">
 +
<img src="https://static.igem.org/mediawiki/2012/e/e5/Slide12MQ.jpg" data-title="" data-description="<strong></strong>" data-link="https://2012.igem.org/File:Slide12MQ.jpg">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b4/Slide13MQ.jpg" data-title="" data-description="<strong></strong>" data-link="ttp://2012.igem.org/File:Slide13MQ.jpg">      
         </div>
         </div>
<script>
<script>
-
     Galleria.loadTheme('http://washuigemphotogallery.googlecode.com/files/galleria.classic.min.js');
+
     Galleria.loadTheme('http://mq-i-gem.googlecode.com/files/galleria.classic.minRYANEDIT.js');
     Galleria.run('#galleria', {
     Galleria.run('#galleria', {
imageCrop:'landscape',
imageCrop:'landscape',
Line 41: Line 50:
     extend: function(options) {
     extend: function(options) {
-
        Galleria.log(this) // the gallery instance
+
      $("#gallery").galleria({
-
        Galleria.log(options) // the gallery options
+
    width: 661,
-
 
+
    height: 661,
-
        // listen to when an image is shown
+
    extend: function(options) {
-
        this.bind('image', function(e) {
+
        Galleria.get(0).$('info-link').click();
-
 
+
-
            Galleria.log(e) // the event object may contain custom objects, in this case the main image
+
-
            Galleria.log(e.imageTarget) // the current image
+
-
 
+
-
            // lets make galleria open a lightbox when clicking the main image:
+
-
            $(e.imageTarget).click(this.proxy(function() {
+
-
              this.openLightbox();
+
-
            }));
+
-
        });
+
     }
     }
});
});

Latest revision as of 01:22, 11 September 2012

Retrieved from "http://2012.igem.org/Template:MQgallery"