Team:SydneyUni Australia/Team

From 2013.igem.org

(Difference between revisions)

Revision as of 12:05, 26 September 2013

charset="utf-8" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar/JQuery?action=raw&ctype=text/javascript"> charset="utf-8" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Team/Galleriffic?action=raw&ctype=text/javascript"> = $('#thumbs').galleriffic({ 3000, // in milliseconds 20, // The number of thumbnails to show page 40, // Set to -1 to preload all images false, true, 7, // The maximum number of pages to display in either the top or bottom pager '', // The CSS selector for the element within which the main slideshow image should be rendered '', // The CSS selector for the element within which the slideshow controls should be rendered '', // The CSS selector for the element within which the captions should be rendered '', // The CSS selector for the element within which should be shown when an image is loading true, // Specifies whether the slideshow's Play and Pause links should be rendered true, // Specifies whether the slideshow's Next and Previous links should be rendered 'Play', 'Pause', 'Previous', 'Next', 'Next ›', '‹ Prev', false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes true, // Specifies whether keyboard navigation is enabled false, // Specifies whether the slideshow should be playing or paused when the page first loads false, // Specifies whether the out and in transitions occur simultaneously or distinctly 1000, // If using the default transitions, specifies the duration of the transitions undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... } undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... } undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... } undefined, // accepts a delegate like such: function(callback) { ... } undefined, // accepts a delegate like such: function() { ... } undefined, // accepts a delegate like such: function(imageData, $li) { ... } undefined // accepts a delegate like such: function(imageData, $li) { ... }

@@ Line 5: / Line 5: @@
 <html>
-<script type="text/javascript" charset="utf-8" type="text/javascript" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar/JQuery?action=raw&ctype=text/javascript">
+<script type="text/javascript" charset="utf-8" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar/JQuery?action=raw&ctype=text/javascript">
 </script>
-<script type="text/javascript" charset="utf-8" type="text/javascript" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Team/Galleriffic?action=raw&ctype=text/javascript">
+<script type="text/javascript" charset="utf-8" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Team/Galleriffic?action=raw&ctype=text/javascript">
+</script>
+<script type="text/javascript">
+jQuery(document).ready(function($) {
+    var gallery = $('#thumbs').galleriffic({
+        delay:                     3000, // in milliseconds
+        numThumbs:                 20, // The number of thumbnails to show page
+        preloadAhead:              40, // Set to -1 to preload all images
+        enableTopPager:            false,
+        enableBottomPager:         true,
+        maxPagesToShow:            7,  // The maximum number of pages to display in either the top or bottom pager
+        imageContainerSel:         '', // The CSS selector for the element within which the main slideshow image should be rendered
+        controlsContainerSel:      '', // The CSS selector for the element within which the slideshow controls should be rendered
+        captionContainerSel:       '', // The CSS selector for the element within which the captions should be rendered
+        loadingContainerSel:       '', // The CSS selector for the element within which should be shown when an image is loading
+        renderSSControls:          true, // Specifies whether the slideshow's Play and Pause links should be rendered
+        renderNavControls:         true, // Specifies whether the slideshow's Next and Previous links should be rendered
+        playLinkText:              'Play',
+        pauseLinkText:             'Pause',
+        prevLinkText:              'Previous',
+        nextLinkText:              'Next',
+        nextPageLinkText:          'Next &rsaquo;',
+        prevPageLinkText:          '&lsaquo; Prev',
+        enableHistory:             false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
+        enableKeyboardNavigation:  true, // Specifies whether keyboard navigation is enabled
+        autoStart:                 false, // Specifies whether the slideshow should be playing or paused when the page first loads
+        syncTransitions:           false, // Specifies whether the out and in transitions occur simultaneously or distinctly
+        defaultTransitionDuration: 1000, // If using the default transitions, specifies the duration of the transitions
+        onSlideChange:             undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
+        onTransitionOut:           undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... }
+        onTransitionIn:            undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... }
+        onPageTransitionOut:       undefined, // accepts a delegate like such: function(callback) { ... }
+        onPageTransitionIn:        undefined, // accepts a delegate like such: function() { ... }
+        onImageAdded:              undefined, // accepts a delegate like such: function(imageData, $li) { ... }
+        onImageRemoved:            undefined  // accepts a delegate like such: function(imageData, $li) { ... }
+    });
+});
 </script>
 </html>