MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
David Mason (talk | contribs) No edit summary |
David Mason (talk | contribs) No edit summary |
||
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 21: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 ›',
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 */
document.write('<style>.noscript { display: none; }</style>');