"
Team:AUC TURKEY/Test
From 2013hs.igem.org
(Difference between revisions)
| Line 5: | Line 5: | ||
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> | <meta http-equiv="Content-type" content="text/html; charset=utf-8"> | ||
<title>Galleriffic | Thumbnail rollover effects and slideshow crossfades</title> | <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"> | ||
| + | /** | ||
| + | * 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($) { | ||
| + | var defaults = { | ||
| + | mouseOutOpacity: 1.0, | ||
| + | mouseOverOpacity: 1.0, | ||
| + | fadeSpeed: 'fast', | ||
| + | exemptionSelector: '.selected' | ||
| + | }; | ||
| + | |||
| + | $.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); | ||
| + | |||
| + | </script> | ||
<!-- We only want the thunbnails to display when javascript is disabled --> | <!-- We only want the thunbnails to display when javascript is disabled --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Revision as of 05:10, 21 June 2013
