MediaWiki:Common.js

From Asian Canadian Wiki
(Difference between revisions)
Jump to: navigation, search
Line 15: Line 15:
 
include('/js/jquery.galleriffic.js');
 
include('/js/jquery.galleriffic.js');
 
include('/js/jquery.opacityrollover.js');
 
include('/js/jquery.opacityrollover.js');
include('/js/jquery.dogallery.js');
+
//include('/js/jquery.dogallery.js');
 +
 
 +
alert("glarg");
 +
jQuery(document).ready(function($) {
 +
    var gallery = $('#thumbs');
 +
    if (gallery) {
 +
alert(gallery);
 +
        gallery.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 ›',
 +
        prevPageLinkText:          '‹ Prev',
 +
        enableHistory:            true, // 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:                true, // 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) { ... }
 +
      });
 +
    } else {
 +
        alert("no gallery");
 +
}
 +
});
 +
 
 +
 
  
 
/* We only want the thunbnails to display when javascript is disabled */
 
/* We only want the thunbnails to display when javascript is disabled */
 
document.write('<style>.noscript { display: none; }</style>');
 
document.write('<style>.noscript { display: none; }</style>');

Revision as of 17:32, 14 June 2010

/* Any JavaScript here will be loaded for all users on every page load. */
function include(filename) {
	var head = document.getElementsByTagName('head')[0];
	
	script = document.createElement('script');
	script.src = filename;
	script.type = 'text/javascript';
	
	head.appendChild(script)
}

include('/js/jquery-1.3.2.js');
include('/js/jquery.history.js');

include('/js/jquery.galleriffic.js');
include('/js/jquery.opacityrollover.js');
//include('/js/jquery.dogallery.js');

alert("glarg");
jQuery(document).ready(function($) {
    var gallery = $('#thumbs');
    if (gallery) {
alert(gallery);
        gallery.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:             true, // 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:                 true, // 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) { ... }
      });
    } else {
        alert("no gallery");
}
});



/* We only want the thunbnails to display when javascript is disabled */
document.write('<style>.noscript { display: none; }</style>');
Personal tools
Namespaces

Variants
Actions
Participating
Categories
Toolbox