|
|
| Line 3: |
Line 3: |
| | <html> | | <html> |
| | <head> | | <head> |
| - | <meta http-equiv="Content-type" content="text/html; charset=utf-8">
| |
| - | <title>Galleriffic | Thumbnail rollover effects and slideshow crossfades</title>
| |
| - |
| |
| | <script type="text/javascript" src="http://www.twospy.com/galleriffic/js/jquery.galleriffic.js"></script> | | <script type="text/javascript" src="http://www.twospy.com/galleriffic/js/jquery.galleriffic.js"></script> |
| - | <script type="text/javascript" src="http://www.twospy.com/galleriffic/js/jquery.opacityrollover.js"></script>
| |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| - | /**
| |
| - | * jQuery Opacity Rollover plugin
| |
| - | *
| |
| - | * Copyright (c) 2009 Trent Foley (http://trentacular.com)
| |
| - | * Licensed under the MIT License:
| |
| - | * http://www.opensource.org/licenses/mit-license.php
| |
| - | */
| |
| | ;(function($) { | | ;(function($) { |
| - | var defaults = {
| |
| - | mouseOutOpacity: 1.0,
| |
| - | mouseOverOpacity: 1.0,
| |
| - | fadeSpeed: 'fast',
| |
| - | exemptionSelector: '.selected'
| |
| - | };
| |
| | | | |
| | $.fn.opacityrollover = function(settings) { | | $.fn.opacityrollover = function(settings) { |
| - | // Initialize the effect | + | |
| - | $.extend(this, defaults, settings);
| + | |
| - | | + | |
| - | var config = this;
| + | |
| - | | + | |
| - | function fadeTo(element, opacity) {
| + | |
| - | var $target = $(element);
| + | |
| - |
| + | |
| - | if (config.exemptionSelector)
| + | |
| - | $target = $target.not(config.exemptionSelector);
| + | |
| - |
| + | |
| - | $target.fadeTo(config.fadeSpeed, opacity);
| + | |
| - | }
| + | |
| - | | + | |
| - | this.css('opacity', this.mouseOutOpacity)
| + | |
| - | .hover(
| + | |
| - | function () {
| + | |
| - | fadeTo(this, config.mouseOverOpacity);
| + | |
| - | },
| + | |
| - | function () {
| + | |
| - | fadeTo(this, config.mouseOutOpacity);
| + | |
| - | });
| + | |
| - | | + | |
| - | return this;
| + | |
| | }; | | }; |
| | })(jQuery); | | })(jQuery); |
"
