big consolidation
55
fnf2014/newfront/js/hackordrink/uuid.js
Normal file
@@ -0,0 +1,55 @@
|
||||
|
||||
**
|
||||
* UUID.core.js: The minimal subset of the RFC-compliant UUID generator UUID.js.
|
||||
*
|
||||
* @fileOverview
|
||||
* @author LiosK
|
||||
* @version core-1.0
|
||||
* @license The MIT License: Copyright (c) 2012 LiosK.
|
||||
*/
|
||||
|
||||
/** @constructor */
|
||||
function UUID() {}
|
||||
|
||||
/**
|
||||
* The simplest function to get an UUID string.
|
||||
* @returns {string} A version 4 UUID string.
|
||||
*/
|
||||
UUID.generate = function() {
|
||||
var rand = UUID._gri, hex = UUID._ha;
|
||||
return hex(rand(32), 8) // time_low
|
||||
+ "-"
|
||||
+ hex(rand(16), 4) // time_mid
|
||||
+ "-"
|
||||
+ hex(0x4000 | rand(12), 4) // time_hi_and_version
|
||||
+ "-"
|
||||
+ hex(0x8000 | rand(14), 4) // clock_seq_hi_and_reserved clock_seq_low
|
||||
+ "-"
|
||||
+ hex(rand(48), 12); // node
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns an unsigned x-bit random integer.
|
||||
* @param {int} x A positive integer ranging from 0 to 53, inclusive.
|
||||
* @returns {int} An unsigned x-bit random integer (0 <= f(x) < 2^x).
|
||||
*/
|
||||
UUID._gri = function(x) { // _getRandomInt
|
||||
if (x < 0) return NaN;
|
||||
if (x <= 30) return (0 | Math.random() * (1 << x));
|
||||
if (x <= 53) return (0 | Math.random() * (1 << 30))
|
||||
+ (0 | Math.random() * (1 << x - 30)) * (1 << 30);
|
||||
return NaN;
|
||||
};
|
||||
|
||||
/**
|
||||
* Converts an integer to a zero-filled hexadecimal string.
|
||||
* @param {int} num
|
||||
* @param {int} length
|
||||
* @returns {string}
|
||||
*/
|
||||
UUID._ha = function(num, length) { // _hexAligner
|
||||
var str = num.toString(16), i = length - str.length, z = "0";
|
||||
for (; i > 0; i >>>= 1, z += z) { if (i & 1) { str = z + str; } }
|
||||
return str;
|
||||
};
|
||||
|
BIN
fnf2014/newfront/js/jsor-jcarousel-0.2.8-0-g7bb2e0a.zip
Normal file
7
fnf2014/newfront/js/jsor-jcarousel-7bb2e0a/README
Normal file
@@ -0,0 +1,7 @@
|
||||
jCarousel - Riding carousels with jQuery
|
||||
|
||||
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order.
|
||||
The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled
|
||||
back and forth (with or without animation).
|
||||
|
||||
See index.html for documentation and examples.
|
138
fnf2014/newfront/js/jsor-jcarousel-7bb2e0a/changelog.html
Normal file
@@ -0,0 +1,138 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel: Changelog</title>
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
<h3>Changelog</h3>
|
||||
<h4>Version 0.2.8 - 2011-04-14</h4>
|
||||
<ul>
|
||||
<li>Fixed selecting only direct childs of the current list (<a href="http://github.com/jsor/jcarousel/issues/issue/61">#61</a>).</li>
|
||||
<li>Added static method to set windowLoaded to true manually (<a href="http://github.com/jsor/jcarousel/issues/issue/60">#60</a>).</li>
|
||||
<li>Added setupCallback.</li>
|
||||
<li>Optimized resize callback.</li>
|
||||
<li>Added animationStepCallback option (Thanks <a href="https://github.com/scy">scy</a>).</li>
|
||||
<li>Wider support of border-radius, and support of :focus in addition to :hover (Thanks <a href="https://github.com/lespacedunmatin">lespacedunmatin</a>).</li>
|
||||
</ul>
|
||||
<h4>Version 0.2.7 - 2010-10-06</h4>
|
||||
<ul>
|
||||
<li>Fixed bug with autoscrolling introduced while fixing <a href="http://github.com/jsor/jcarousel/issues/issue/49">#49</a>.</li>
|
||||
</ul>
|
||||
<h4>Version 0.2.6 - 2010-10-05</h4>
|
||||
<ul>
|
||||
<li>Fixed item only partially visible when defined as start item (<a href="http://github.com/jsor/jcarousel/issues/issue/22">#22</a>).</li>
|
||||
<li>Fixed multiple binds on prev/next buttons (<a href="http://github.com/jsor/jcarousel/issues/issue/26">#26</a>).</li>
|
||||
<li>Added firing of button callbacks also if no buttons are specified (<a href="http://github.com/jsor/jcarousel/issues/issue/39">#39</a>).</li>
|
||||
<li>Fixed stopAuto() not stopping while in animation (<a href="http://github.com/jsor/jcarousel/issues/issue/49">#49</a>).</li>
|
||||
</ul>
|
||||
<h4>Version 0.2.5 - 2010-08-13</h4>
|
||||
<ul>
|
||||
<li>Added RTL (Right-To-Left) support.</li>
|
||||
<li>Added automatic deletion of cloned elements for circular carousels.</li>
|
||||
<li>Added new option <code>itemFallbackDimension</code> (<a href="http://github.com/jsor/jcarousel/issues/issue/7">#7</a>).</li>
|
||||
<li>Added new section "Defining the number of visible items" to documentation.</li>
|
||||
</ul>
|
||||
<h4>Version 0.2.4 - 2010-04-19</h4>
|
||||
<ul>
|
||||
<li>Updated jQuery to version 1.4.2.</li>
|
||||
<li>jCarousel instance can now be retrieved by <code>$(selector).data('jcarousel')</code>.</li>
|
||||
<li>Support for static circular carousels out of the box.</li>
|
||||
<li>Removed not longer needed core stylsheet jquery.jcarousel.css. Styles are now set by javascript or skin stylesheets.</li>
|
||||
</ul>
|
||||
<h4>Version 0.2.3 - 2008-04-07</h4>
|
||||
<ul>
|
||||
<li>Updated jQuery to version 1.2.3.</li>
|
||||
<li>Fixed (hopefully) issues with Safari<a href="http://sorgalla.com/2007/10/12/jcarousel-021/#comment-2222"></a>.</li>
|
||||
<li>Added new example "Multiple carousels on one page".</li>
|
||||
</ul>
|
||||
<h4>Version 0.2.2 - 2007-11-07</h4>
|
||||
<ul>
|
||||
<li>Fixed bug with nested li elements reported by <a href="http://sorgalla.com/2007/10/12/jcarousel-021/#comment-2222">John
|
||||
Fiala</a>.</li>
|
||||
<li>Fixed bug on initialization with too few elements reported by <a href="http://groups.google.com/group/jquery-en/browse_thread/thread/455edd3814bf2d9c/86f35001bb483024">Glenn
|
||||
Nilsson</a>.</li>
|
||||
</ul>
|
||||
<h4>Version 0.2.1 - 2007-10-12</h4>
|
||||
<ul>
|
||||
<li>Readded the option <code>start</code> for a custom start position. The
|
||||
old option <code>start</code> is renamed to <code>offset</code>.</li>
|
||||
<li>New example for dynamic content loading via Ajax from a PHP script.</li>
|
||||
<li>Fixed a bug with variable item widths/heights.</li>
|
||||
</ul>
|
||||
|
||||
<h4>Version 0.2.0-beta - 2007-05-07</h4>
|
||||
<ul>
|
||||
<li>Complete rewrite of the plugin. See <a href="http://sorgalla.com/2007/05/07/jcarousel-020-beta/">this post</a> for further informations.</li>
|
||||
</ul>
|
||||
<h4>Version 0.1.6 - 2007-01-22</h4>
|
||||
<ul>
|
||||
<li>New public methods <code>size()</code> and <code>init()</code>.</li>
|
||||
<li>Added new example "Carousel with external controls".</li>
|
||||
</ul>
|
||||
<h4>Version 0.1.5 - 2007-01-08</h4>
|
||||
<ul>
|
||||
<li>Code modifications to work with the jQuery 1.1.</li>
|
||||
<li>Renamed the js file to jquery.jcarousel.pack.js as noted in the jquery docs.</li>
|
||||
</ul>
|
||||
<h4>Version 0.1.4 - 2006-12-12</h4>
|
||||
<ul>
|
||||
<li>New configuration option <code>autoScrollResumeOnMouseout</code>.</li>
|
||||
</ul>
|
||||
<h4>Version 0.1.3 - 2006-12-02</h4>
|
||||
<ul>
|
||||
<li>New configuration option <code>itemStart</code>. Sets the index of the
|
||||
item to start with.</li>
|
||||
</ul>
|
||||
<h4>Version 0.1.2 - 2006-11-28</h4>
|
||||
<ul>
|
||||
<li>New configuration option <code>wrapPrev</code>. Behaves like <code>wrap</code>
|
||||
but scrolls to the end when clicking the prev-button at the start of the
|
||||
carousel. (Note: This may produce unexpected results with dynamic loaded
|
||||
content. You must ensure to load the complete carousel on initialisation).</li>
|
||||
<li>Moved call of the button handlers at the end of the buttons() method.
|
||||
This lets the callbacks change the behaviours assigned by jCarousel.</li>
|
||||
</ul>
|
||||
<h4>Version 0.1.1 - 2006-10-25</h4>
|
||||
<ul>
|
||||
<li>The item handler callback options accept now a hash of two functions which
|
||||
are triggered before and after animation.</li>
|
||||
<li>The item handler callback functions accept now a fourth parameter <code>state</code> which
|
||||
holds one of three states: <code>next</code>, <code>prev</code> or <code>init</code>.</li>
|
||||
<li>New configuration option <code>autoScrollStopOnMouseover</code></li>
|
||||
</ul>
|
||||
<h4>Version 0.1.0 - 2006-09-21</h4>
|
||||
<ul>
|
||||
<li>Stable release.</li>
|
||||
<li>Internal source code rewriting to fit more into the jQuery
|
||||
plugin guidelines.</li>
|
||||
<li>Added inline documentation.</li>
|
||||
<li>Changed licence to a dual licence model (<a href="http://www.opensource.org/licenses/mit-license.php">MIT</a> and <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>).</li>
|
||||
</ul>
|
||||
<h4>Version 0.1.0-RC1 - 2006-09-13</h4>
|
||||
<ul>
|
||||
<li>Virtual item attribute <code>jCarouselItemIdx</code> is replaced by a class <code>jcarousel-item-<em>n</em></code>.</li>
|
||||
<li>The item callback functions accept a third parameter <code>idx</code> which
|
||||
holds the position of the item in the list (formerly the attribute <code>jCarouselItemIdx</code>).</li>
|
||||
<li>Fixed bug with margin-right in Safari.</li>
|
||||
</ul>
|
||||
<h4>Version 0.1.0-gamma - 2006-09-07</h4>
|
||||
<ul>
|
||||
<li>Added auto-wrapping of the required html markup around lists (<code>ul</code>
|
||||
and <code>ol</code>) if <code>jQuery().jcarousel()</code> is assigned directly to them.</li>
|
||||
<li>Added support for new callback functions <code>itemFirstInHandler</code>, <code>itemFirstOutHandler</code>, <code>itemLastInHandler</code>, <code>itemLastOutHandler</code>, <code>itemVisibleInHandler</code>, <code>itemVisibleOutHandler</code>.</li>
|
||||
<li>General sourcecode rewriting.</li>
|
||||
<li>Fixed bug not setting <code><li></code> index attributes correctly.</li>
|
||||
<li>Changed default <code>itemWidth</code> and <code>itemHeight</code> to 75.</li>
|
||||
</ul>
|
||||
<h4>Version 0.1.0-beta - 2006-09-02</h4>
|
||||
<ul>
|
||||
<li>Initial release.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,83 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/ie7/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function mycarousel_itemLoadCallback(carousel, state)
|
||||
{
|
||||
// Since we get all URLs in one file, we simply add all items
|
||||
// at once and set the size accordingly.
|
||||
if (state != 'init')
|
||||
return;
|
||||
|
||||
jQuery.get('dynamic_ajax.txt', function(data) {
|
||||
mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
|
||||
});
|
||||
};
|
||||
|
||||
function mycarousel_itemAddCallback(carousel, first, last, data)
|
||||
{
|
||||
// Simply add all items at once and set the size accordingly.
|
||||
var items = data.split('|');
|
||||
|
||||
for (i = 0; i < items.length; i++) {
|
||||
carousel.add(i+1, mycarousel_getItemHTML(items[i]));
|
||||
}
|
||||
|
||||
carousel.size(items.length);
|
||||
};
|
||||
|
||||
/**
|
||||
* Item html creation helper.
|
||||
*/
|
||||
function mycarousel_getItemHTML(url)
|
||||
{
|
||||
return '<img src="' + url + '" width="75" height="75" alt="" />';
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
itemLoadCallback: mycarousel_itemLoadCallback
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Carousel with dynamic content loading via Ajax</h3>
|
||||
<p>
|
||||
The data is loaded dynamically from a simple text file which contains the image urls.
|
||||
</p>
|
||||
|
||||
<div id="mycarousel" class="jcarousel-skin-ie7">
|
||||
<ul>
|
||||
<!-- The content will be dynamically loaded in here -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,10 @@
|
||||
http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg|
|
||||
http://static.flickr.com/75/199481072_b4a0d09597_s.jpg|
|
||||
http://static.flickr.com/57/199481087_33ae73a8de_s.jpg|
|
||||
http://static.flickr.com/77/199481108_4359e6b971_s.jpg|
|
||||
http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg|
|
||||
http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg|
|
||||
http://static.flickr.com/58/199481218_264ce20da0_s.jpg|
|
||||
http://static.flickr.com/69/199481255_fdfe885f87_s.jpg|
|
||||
http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg|
|
||||
http://static.flickr.com/70/229228324_08223b70fa_s.jpg
|
@@ -0,0 +1,95 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/ie7/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function mycarousel_itemLoadCallback(carousel, state)
|
||||
{
|
||||
// Check if the requested items already exist
|
||||
if (carousel.has(carousel.first, carousel.last)) {
|
||||
return;
|
||||
}
|
||||
|
||||
jQuery.get(
|
||||
'dynamic_ajax_php.php',
|
||||
{
|
||||
first: carousel.first,
|
||||
last: carousel.last
|
||||
},
|
||||
function(xml) {
|
||||
mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
|
||||
},
|
||||
'xml'
|
||||
);
|
||||
};
|
||||
|
||||
function mycarousel_itemAddCallback(carousel, first, last, xml)
|
||||
{
|
||||
// Set the size of the carousel
|
||||
carousel.size(parseInt(jQuery('total', xml).text()));
|
||||
|
||||
jQuery('image', xml).each(function(i) {
|
||||
carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).text()));
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Item html creation helper.
|
||||
*/
|
||||
function mycarousel_getItemHTML(url)
|
||||
{
|
||||
return '<img src="' + url + '" width="75" height="75" alt="" />';
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
// Uncomment the following option if you want items
|
||||
// which are outside the visible range to be removed
|
||||
// from the DOM.
|
||||
// Useful for carousels with MANY items.
|
||||
|
||||
// itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) { carousel.remove(i); }},
|
||||
itemLoadCallback: mycarousel_itemLoadCallback
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Carousel with dynamic content loading via Ajax</h3>
|
||||
<p>
|
||||
The data is loaded dynamically from a simple text file which contains the image urls.
|
||||
</p>
|
||||
|
||||
<div id="mycarousel" class="jcarousel-skin-ie7">
|
||||
<ul>
|
||||
<!-- The content will be dynamically loaded in here -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,43 @@
|
||||
<?php
|
||||
|
||||
// Array indexes are 0-based, jCarousel positions are 1-based.
|
||||
$first = max(0, intval($_GET['first']) - 1);
|
||||
$last = max($first + 1, intval($_GET['last']) - 1);
|
||||
|
||||
$length = $last - $first + 1;
|
||||
|
||||
// ---
|
||||
|
||||
$images = array(
|
||||
'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg',
|
||||
'http://static.flickr.com/75/199481072_b4a0d09597_s.jpg',
|
||||
'http://static.flickr.com/57/199481087_33ae73a8de_s.jpg',
|
||||
'http://static.flickr.com/77/199481108_4359e6b971_s.jpg',
|
||||
'http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg',
|
||||
'http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg',
|
||||
'http://static.flickr.com/58/199481218_264ce20da0_s.jpg',
|
||||
'http://static.flickr.com/69/199481255_fdfe885f87_s.jpg',
|
||||
'http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg',
|
||||
'http://static.flickr.com/70/229228324_08223b70fa_s.jpg',
|
||||
);
|
||||
|
||||
$total = count($images);
|
||||
$selected = array_slice($images, $first, $length);
|
||||
|
||||
// ---
|
||||
|
||||
header('Content-Type: text/xml');
|
||||
|
||||
echo '<data>';
|
||||
|
||||
// Return total number of images so the callback
|
||||
// can set the size of the carousel.
|
||||
echo ' <total>' . $total . '</total>';
|
||||
|
||||
foreach ($selected as $img) {
|
||||
echo ' <image>' . $img . '</image>';
|
||||
}
|
||||
|
||||
echo '</data>';
|
||||
|
||||
?>
|
@@ -0,0 +1,149 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/ie7/skin.css" />
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
#mycarousel .jcarousel-item-placeholder {
|
||||
background: transparent url(images/loading-small.gif) 50% 50% no-repeat;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
function mycarousel_itemLoadCallback(carousel, state)
|
||||
{
|
||||
if (carousel.prevFirst != null) {
|
||||
// Remove the last visible items to keep the list small
|
||||
for (var i = carousel.prevFirst; i <= carousel.prevLast; i++) {
|
||||
// jCarousel takes care not to remove visible items
|
||||
carousel.remove(i);
|
||||
}
|
||||
}
|
||||
|
||||
var per_page = carousel.last - carousel.first + 1;
|
||||
var currPage = 0;
|
||||
var f,l;
|
||||
var cr = carousel;
|
||||
|
||||
for (var i = carousel.first; i <= carousel.last; i++) {
|
||||
var page = Math.ceil(i / per_page);
|
||||
|
||||
if (currPage != page) {
|
||||
currPage = page;
|
||||
|
||||
f = ((page - 1) * per_page) + 1;
|
||||
l = f + per_page - 1;
|
||||
|
||||
f = f < carousel.first ? carousel.first : f;
|
||||
l = l > carousel.last ? carousel.last : l;
|
||||
|
||||
if (carousel.has(f, l)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
mycarousel_makeRequest(carousel, f, l, per_page, page);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function mycarousel_makeRequest(carousel, first, last, per_page, page)
|
||||
{
|
||||
// Lock carousel until request has been made
|
||||
carousel.lock();
|
||||
|
||||
jQuery.get(
|
||||
'dynamic_flickr_api.php',
|
||||
{
|
||||
'per_page': per_page,
|
||||
'page': page
|
||||
},
|
||||
function(data) {
|
||||
mycarousel_itemAddCallback(carousel, first, last, data, page);
|
||||
},
|
||||
'xml'
|
||||
);
|
||||
};
|
||||
|
||||
function mycarousel_itemAddCallback(carousel, first, last, data, page)
|
||||
{
|
||||
// Unlock
|
||||
carousel.unlock();
|
||||
|
||||
// Set size
|
||||
carousel.size($('photos', data).attr('total'));
|
||||
|
||||
var photos = $('photo', data);
|
||||
var per_page = carousel.last - carousel.first + 1;
|
||||
|
||||
for (var i = first; i <= last; i++) {
|
||||
var pos = i - 1;
|
||||
var idx = Math.round(((pos / per_page) - Math.floor(pos / per_page)) * per_page);
|
||||
|
||||
carousel.add(i, mycarousel_getItemHTML(photos.get(idx)));
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Global item html creation helper.
|
||||
*/
|
||||
function mycarousel_getItemHTML(photo)
|
||||
{
|
||||
var url = 'http://farm'+$(photo).attr('farm')+'.static.flickr.com/'+$(photo).attr('server')+'/'+$(photo).attr('id')+'_'+$(photo).attr('secret')+'_s.jpg';
|
||||
return '<a href="http://www.flickr.com/photos/'+$(photo).attr('owner')+'/'+$(photo).attr('id')+'/" target="_blank" title="'+$(photo).attr('title')+'"><img src="' + url + '" border="0" width="75" height="75" alt="'+$(photo).attr('title')+'" /></a>';
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
itemLoadCallback: mycarousel_itemLoadCallback
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Carousel with dynamic content loading via Ajax from the Flickr API</h3>
|
||||
<p>
|
||||
The data is loaded dynamically from the <a href="http://flickr.com/services/api/">Flickr API</a>
|
||||
method <a href="http://flickr.com/services/api/flickr.photos.getRecent.html">flickr.photos.getRecent</a>.
|
||||
All items not in the visible range are removed from the list to keep the list small.
|
||||
</p>
|
||||
<p>
|
||||
Note: There are constantly added new photos at flickr, so you possibly get different photos at certain positions.
|
||||
</p>
|
||||
|
||||
<div id="mycarousel" class="jcarousel-skin-ie7">
|
||||
<ul>
|
||||
<!-- The content will be dynamically loaded in here -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<strong>If you're using this example on your own server, don't forget to set your API key in dynamic_flickr_api.php!</strong>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,29 @@
|
||||
<?php
|
||||
|
||||
header('Content-type: text/xml; charset: utf-'.'8');
|
||||
//header('Cache-Control: must-revalidate');
|
||||
|
||||
$api_key = '';
|
||||
|
||||
// This include sets my personal api key.
|
||||
// Please remove this line and set your api key with the variable above.
|
||||
// Get your own api key from http://www.flickr.com/services/api/keys/
|
||||
include '../../config.flickr.php';
|
||||
|
||||
// Use the following url to get the most interesting photos.
|
||||
// Since parameterless searches have been disabled, we have to add license=1,2,3,4,5
|
||||
// to get the most interesting photos without search criteria.
|
||||
// $url = 'http://api.flickr.com/services/rest/?method=flickr.photos.search&license=1,2,3,4,5,6&sort=interestingness-desc&api_key=' . $api_key;
|
||||
|
||||
$url = 'http://api.flickr.com/services/rest/?method=flickr.photos.getRecent&api_key=' . $api_key;
|
||||
|
||||
if (!empty($_REQUEST['per_page'])) {
|
||||
$url .= '&per_page=' . urlencode($_REQUEST['per_page']);
|
||||
}
|
||||
if (!empty($_REQUEST['page'])) {
|
||||
$url .= '&page=' . urlencode($_REQUEST['page']);
|
||||
}
|
||||
|
||||
echo file_get_contents($url);
|
||||
|
||||
?>
|
@@ -0,0 +1,190 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/ie7/skin.css" />
|
||||
|
||||
<!--
|
||||
Custom styles
|
||||
-->
|
||||
<style type="text/css">
|
||||
|
||||
#mycarousel.jcarousel-container-horizontal {
|
||||
width: 272px;
|
||||
}
|
||||
|
||||
#mycarousel .jcarousel-clip-horizontal {
|
||||
width: 272px;
|
||||
height: 302px;
|
||||
}
|
||||
|
||||
#mycarousel .jcarousel-item,
|
||||
#mycarousel .jcarousel-item-placeholder {
|
||||
width: 270px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
#mycarousel .jcarousel-item-horizontal img {
|
||||
border: 1px solid #808080;
|
||||
}
|
||||
|
||||
#mycarousel .jcarousel-item-horizontal p {
|
||||
margin: 5px;
|
||||
text-align: center;
|
||||
clear: both;
|
||||
white-space: wrap;
|
||||
}
|
||||
|
||||
#mycarousel .jcarousel-item-placeholder {
|
||||
background: transparent url(images/loading.gif) 50% 50% no-repeat;
|
||||
}
|
||||
|
||||
#mycarousel .jcarousel-next {
|
||||
top: 150px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
#mycarousel .jcarousel-prev {
|
||||
top: 150px;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
#mycarousel form {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#mycarousel form label,
|
||||
#mycarousel form small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var mycarousel_tags = '';
|
||||
|
||||
function mycarousel_initCallback(carousel, state)
|
||||
{
|
||||
// Do nothing of state is 'reset'
|
||||
if (state == 'reset')
|
||||
return;
|
||||
|
||||
jQuery('form', carousel.container)
|
||||
.bind('submit', function(e) {
|
||||
mycarousel_tags = jQuery('input[type=text]', carousel.container).val();
|
||||
carousel.reset();
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
function mycarousel_itemLoadCallback(carousel, state)
|
||||
{
|
||||
// Only load items if they don't already exist
|
||||
if (carousel.has(carousel.first, carousel.last)) {
|
||||
return;
|
||||
}
|
||||
|
||||
jQuery.get(
|
||||
'dynamic_flickr_feed.php',
|
||||
{
|
||||
tags: mycarousel_tags
|
||||
},
|
||||
function(data) {
|
||||
mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data.items);
|
||||
},
|
||||
'json'
|
||||
);
|
||||
};
|
||||
|
||||
function mycarousel_itemAddCallback(carousel, first, last, items)
|
||||
{
|
||||
if (first == 1) {
|
||||
var plural = items.length == 1 ? '' : 's';
|
||||
jQuery('.results', carousel.container).html(items.length + ' photo' + plural + ' found');
|
||||
|
||||
// Set size
|
||||
if (items.length == 0) {
|
||||
// Add a "no results" feedback as first item if items is empty
|
||||
carousel.size(1);
|
||||
carousel.add(1, '<p>No results</p>');
|
||||
return;
|
||||
} else {
|
||||
carousel.size(items.length);
|
||||
}
|
||||
}
|
||||
|
||||
for (var i = first; i <= last; i++) {
|
||||
if (items[i - 1] == undefined) {
|
||||
break;
|
||||
}
|
||||
|
||||
carousel.add(i, mycarousel_decodeEntities(items[i - 1].description));
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Decodes entites.
|
||||
*/
|
||||
function mycarousel_decodeEntities(s)
|
||||
{
|
||||
return s.replace(/&/g, "&")
|
||||
.replace(/"/g, '"')
|
||||
.replace(/'/g, "'")
|
||||
.replace(/</g, "<")
|
||||
.replace(/>/g, ">");
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
scroll: 1,
|
||||
initCallback: mycarousel_initCallback,
|
||||
itemLoadCallback: mycarousel_itemLoadCallback
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Carousel with dynamic content loading via Ajax from the Flickr photo stream</h3>
|
||||
<p>
|
||||
The data is loaded dynamically from the <a href="http://www.flickr.com">Flickr</a>
|
||||
public photos feed (format: <a href="http://api.flickr.com/services/feeds/photos_public.gne?format=json">JSON</a>)
|
||||
and can be filtered by tags.
|
||||
</p>
|
||||
|
||||
<div id="mycarousel" class="jcarousel-skin-ie7">
|
||||
<ul>
|
||||
<!-- The content will be dynamically loaded in here -->
|
||||
</ul>
|
||||
<form action="">
|
||||
<label for="filter">Enter tag(s) to filter the feed<br />(separate multiple by comma)</label>
|
||||
<input type="text" name="filter-tags" value="" />
|
||||
<input type="submit" name="filter-submit" value="Filter" />
|
||||
<small class="results"></small>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,14 @@
|
||||
<?php
|
||||
|
||||
header('Content-type: application/json; charset: utf-'.'8');
|
||||
//header('Cache-Control: must-revalidate');
|
||||
|
||||
$url = 'http://api.flickr.com/services/feeds/photos_public.gne?format=json&nojsoncallback=1';
|
||||
|
||||
if (!empty($_REQUEST['tags'])) {
|
||||
$url .= '&tags=' . urlencode($_REQUEST['tags']);
|
||||
}
|
||||
|
||||
echo file_get_contents($url);
|
||||
|
||||
?>
|
@@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/ie7/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var mycarousel_itemList = [
|
||||
{url: "http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg", title: "Flower1"},
|
||||
{url: "http://static.flickr.com/75/199481072_b4a0d09597_s.jpg", title: "Flower2"},
|
||||
{url: "http://static.flickr.com/57/199481087_33ae73a8de_s.jpg", title: "Flower3"},
|
||||
{url: "http://static.flickr.com/77/199481108_4359e6b971_s.jpg", title: "Flower4"},
|
||||
{url: "http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg", title: "Flower5"},
|
||||
{url: "http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg", title: "Flower6"},
|
||||
{url: "http://static.flickr.com/58/199481218_264ce20da0_s.jpg", title: "Flower7"},
|
||||
{url: "http://static.flickr.com/69/199481255_fdfe885f87_s.jpg", title: "Flower8"},
|
||||
{url: "http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg", title: "Flower9"},
|
||||
{url: "http://static.flickr.com/70/229228324_08223b70fa_s.jpg", title: "Flower10"}
|
||||
];
|
||||
|
||||
function mycarousel_itemLoadCallback(carousel, state)
|
||||
{
|
||||
for (var i = carousel.first; i <= carousel.last; i++) {
|
||||
if (carousel.has(i)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if (i > mycarousel_itemList.length) {
|
||||
break;
|
||||
}
|
||||
|
||||
carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Item html creation helper.
|
||||
*/
|
||||
function mycarousel_getItemHTML(item)
|
||||
{
|
||||
return '<img src="' + item.url + '" width="75" height="75" alt="' + item.url + '" />';
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
size: mycarousel_itemList.length,
|
||||
itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Carousel with dynamic content loading via JavaScript</h3>
|
||||
<p>
|
||||
The data is loaded dynamically from an javascript array.
|
||||
</p>
|
||||
|
||||
<ul id="mycarousel" class="jcarousel-skin-ie7">
|
||||
<!-- The content will be dynamically loaded in here -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
After Width: | Height: | Size: 55 B |
After Width: | Height: | Size: 832 B |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 8.1 KiB |
@@ -0,0 +1,71 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
// Credits: Robert Penners easing equations (http://www.robertpenner.com/easing/).
|
||||
jQuery.easing['BounceEaseOut'] = function(p, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
easing: 'BounceEaseOut',
|
||||
animation: 1000
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Carousel with custom animation effect</h3>
|
||||
<p>
|
||||
This example shows how to use custom animation effects (uses <a href="http://www.robertpenner.com/easing/">Robert
|
||||
Penners easing equations</a>).
|
||||
</p>
|
||||
|
||||
<ul id="mycarousel" class="jcarousel-skin-tango">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,72 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
/**
|
||||
* Overwrite for having a carousel with dynamic width.
|
||||
*/
|
||||
.jcarousel-skin-tango .jcarousel-container-horizontal {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-clip-horizontal {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
visible: 4
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Flexible carousel</h3>
|
||||
<p>
|
||||
This example shows a carousel with flexible item width. In this case, always
|
||||
4 items are visible (resize the browser window to see what happens).
|
||||
</p>
|
||||
|
||||
<ul id="mycarousel" class="jcarousel-skin-tango">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,192 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
|
||||
<!--
|
||||
Custome styles
|
||||
-->
|
||||
<style type="text/css">
|
||||
|
||||
.jcarousel-container-vertical {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background: #e8e8e8;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.jcarousel-clip-vertical {
|
||||
top: 15px;
|
||||
width: 290px;
|
||||
height: 270px;
|
||||
margin: 0 5px;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
#mycarousel li,
|
||||
.jcarousel-item-vertical,
|
||||
.jcarousel-item-placeholder-vertical {
|
||||
width: 270px;
|
||||
height: auto;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.jcarousel-item h3,
|
||||
.jcarousel-item p {
|
||||
margin: 0;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.jcarousel-next-vertical {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 300px;
|
||||
height: 14px;
|
||||
cursor: pointer;
|
||||
border-top: 1px solid #fff;
|
||||
background: #4088b8 url(images/arrow-down.gif) no-repeat center;
|
||||
}
|
||||
|
||||
.jcarousel-next-disabled-vertical {
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
-moz-opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
|
||||
.jcarousel-prev-vertical {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 300px;
|
||||
height: 14px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #fff;
|
||||
background: #4088b8 url(images/arrow-up.gif) no-repeat center;
|
||||
}
|
||||
|
||||
.jcarousel-prev-disabled-vertical {
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
-moz-opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
|
||||
.loading {
|
||||
background: transparent url(images/loading.gif) 50% 50% no-repeat;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function mycarousel_initCallback(carousel, state)
|
||||
{
|
||||
// Lock until all items are loaded. That prevents jCarousel from
|
||||
// setup correctly and we have to do that in the ajax callback
|
||||
// function with carousel.setup().
|
||||
// We're doing that because we don't know the exact height of each
|
||||
// items until they are added to the list.
|
||||
carousel.lock();
|
||||
|
||||
jQuery.get(
|
||||
'special_textscroller.php',
|
||||
{
|
||||
'feed': 'http://jquery.com/blog/feed/atom/'
|
||||
},
|
||||
function(xml) {
|
||||
mycarousel_itemAddCallback(carousel, xml);
|
||||
},
|
||||
'xml'
|
||||
);
|
||||
};
|
||||
|
||||
function mycarousel_itemAddCallback(carousel, xml)
|
||||
{
|
||||
var $items = jQuery('item', xml);
|
||||
|
||||
$items.each(function(i) {
|
||||
carousel.add(i + 1, mycarousel_getItemHTML(this));
|
||||
});
|
||||
|
||||
carousel.size($items.size());
|
||||
|
||||
// Unlock and setup.
|
||||
carousel.unlock();
|
||||
carousel.setup();
|
||||
};
|
||||
|
||||
/**
|
||||
* Item html creation helper.
|
||||
*/
|
||||
function mycarousel_getItemHTML(item)
|
||||
{
|
||||
return '<h3><a href="'+$('link', item).text()+'">'+$('title', item).text()+'</a></h3><p>'+mycarousel_truncate($('description', item).text(), 90)+'</p>';
|
||||
};
|
||||
|
||||
/**
|
||||
* Utility function for truncating a string without breaking words.
|
||||
*/
|
||||
function mycarousel_truncate(str, length, suffix) {
|
||||
if (str.length <= length) {
|
||||
return str;
|
||||
}
|
||||
|
||||
if (suffix == undefined) {
|
||||
suffix = '...';
|
||||
}
|
||||
|
||||
return str.substr(0, length).replace(/\s+?(\S+)?$/g, '') + suffix;
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
/**
|
||||
* We show a simple loading indicator
|
||||
* using the jQuery ajax events
|
||||
*/
|
||||
jQuery().ajaxStart(function() {
|
||||
jQuery(".jcarousel-clip-vertical").addClass('loading');
|
||||
});
|
||||
|
||||
jQuery().ajaxStop(function() {
|
||||
jQuery(".jcarousel-clip-vertical").removeClass('loading');
|
||||
});
|
||||
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
vertical: true,
|
||||
size: 0,
|
||||
initCallback: mycarousel_initCallback
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
<h3>Using jCarousel as Textscroller</h3>
|
||||
<p>
|
||||
This example shows how to use jCarousel as a Textscroller. The data is loaded from the jQuery Blog RSS-Feed.
|
||||
</p>
|
||||
|
||||
<div id="mycarousel">
|
||||
<ul>
|
||||
<!-- The content will be dynamically loaded in here -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,15 @@
|
||||
<?php
|
||||
|
||||
header('Content-Type: text/xml; charset: utf-'.'8');
|
||||
|
||||
if (!isset($_GET['feed'])) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if (strpos($_GET['feed'], 'http://') !== 0) {
|
||||
exit;
|
||||
}
|
||||
|
||||
echo file_get_contents($_GET['feed']);
|
||||
|
||||
?>
|
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
Thickbox 3 library
|
||||
-->
|
||||
<script type="text/javascript" src="thickbox/thickbox.js"></script>
|
||||
<!--
|
||||
Thickbox stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="thickbox/thickbox.css" />
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/ie7/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
// Set thickbox loading image
|
||||
tb_pathToImage = "images/loading-thickbox.gif";
|
||||
|
||||
var mycarousel_itemList = [
|
||||
{url: "http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg", title: "Flower1"},
|
||||
{url: "http://static.flickr.com/75/199481072_b4a0d09597_s.jpg", title: "Flower2"},
|
||||
{url: "http://static.flickr.com/57/199481087_33ae73a8de_s.jpg", title: "Flower3"},
|
||||
{url: "http://static.flickr.com/77/199481108_4359e6b971_s.jpg", title: "Flower4"},
|
||||
{url: "http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg", title: "Flower5"},
|
||||
{url: "http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg", title: "Flower6"},
|
||||
{url: "http://static.flickr.com/58/199481218_264ce20da0_s.jpg", title: "Flower7"},
|
||||
{url: "http://static.flickr.com/69/199481255_fdfe885f87_s.jpg", title: "Flower8"},
|
||||
{url: "http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg", title: "Flower9"},
|
||||
{url: "http://static.flickr.com/70/229228324_08223b70fa_s.jpg", title: "Flower10"}
|
||||
];
|
||||
|
||||
function mycarousel_itemLoadCallback(carousel, state)
|
||||
{
|
||||
for (var i = carousel.first; i <= carousel.last; i++) {
|
||||
if (carousel.has(i)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if (i > mycarousel_itemList.length) {
|
||||
break;
|
||||
}
|
||||
|
||||
// Create an object from HTML
|
||||
var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0);
|
||||
|
||||
// Apply thickbox
|
||||
tb_init(item);
|
||||
|
||||
carousel.add(i, item);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Item html creation helper.
|
||||
*/
|
||||
function mycarousel_getItemHTML(item)
|
||||
{
|
||||
var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
|
||||
return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="75" height="75" border="0" alt="' + item.title + '" /></a>';
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
size: mycarousel_itemList.length,
|
||||
itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>jCarousel and Thickbox 3</h3>
|
||||
<p>
|
||||
Example of jCarousel working together with <a href="http://jquery.com/demo/thickbox/">Thickbox 3</a>.
|
||||
</p>
|
||||
|
||||
<ul id="mycarousel" class="jcarousel-skin-ie7">
|
||||
<!-- The content will be dynamically loaded in here -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function mycarousel_initCallback(carousel)
|
||||
{
|
||||
// Disable autoscrolling if the user clicks the prev or next button.
|
||||
carousel.buttonNext.bind('click', function() {
|
||||
carousel.startAuto(0);
|
||||
});
|
||||
|
||||
carousel.buttonPrev.bind('click', function() {
|
||||
carousel.startAuto(0);
|
||||
});
|
||||
|
||||
// Pause autoscrolling if the user moves with the cursor over the clip.
|
||||
carousel.clip.hover(function() {
|
||||
carousel.stopAuto();
|
||||
}, function() {
|
||||
carousel.startAuto();
|
||||
});
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
auto: 2,
|
||||
wrap: 'last',
|
||||
initCallback: mycarousel_initCallback
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Carousel with autoscrolling</h3>
|
||||
<p>
|
||||
Autoscrolling is enabled and the interval is set to <code>2</code> seconds.
|
||||
Autoscrolling pauses when the user moves the cursor over the images and stops
|
||||
when the user clicks the next or prev button. <code>wrap</code> is set to
|
||||
<code>"last"</code>.
|
||||
</p>
|
||||
|
||||
<ul id="mycarousel" class="jcarousel-skin-tango">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,235 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
/**
|
||||
* Overwrite for having a carousel with dynamic width.
|
||||
*/
|
||||
.jcarousel-skin-tango .jcarousel-container-horizontal {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-clip-horizontal {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#display {
|
||||
clear: both;
|
||||
width: auto;
|
||||
height: 250px;
|
||||
overflow: scroll;
|
||||
border: 1px solid #666;
|
||||
background-color: #fcfcfc;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* about the state of the next button.
|
||||
*/
|
||||
function mycarousel_buttonNextCallback(carousel, button, enabled) {
|
||||
display('Next button is now ' + (enabled ? 'enabled' : 'disabled'));
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* about the state of the prev button.
|
||||
*/
|
||||
function mycarousel_buttonPrevCallback(carousel, button, enabled) {
|
||||
display('Prev button is now ' + (enabled ? 'enabled' : 'disabled'));
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* right after initialisation of the carousel
|
||||
*/
|
||||
function mycarousel_initCallback(carousel, state) {
|
||||
if (state == 'init')
|
||||
display('Carousel initialised');
|
||||
else if (state == 'reset')
|
||||
display('Carousel reseted');
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* right after reloading of the carousel
|
||||
*/
|
||||
function mycarousel_reloadCallback(carousel) {
|
||||
display('Carousel reloaded');
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* when an item becomes the first one in the visible range.
|
||||
*/
|
||||
function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
|
||||
display('Item #' + idx + ' is now the first item');
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* when an item is no longer the first one in the visible range.
|
||||
*/
|
||||
function mycarousel_itemFirstOutCallback(carousel, item, idx, state) {
|
||||
display('Item #' + idx + ' is no longer the first item');
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* when an item becomes the first one in the visible range.
|
||||
*/
|
||||
function mycarousel_itemLastInCallback(carousel, item, idx, state) {
|
||||
display('Item #' + idx + ' is now the last item');
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* when an item is no longer the first one in the visible range.
|
||||
*/
|
||||
function mycarousel_itemLastOutCallback(carousel, item, idx, state) {
|
||||
display('Item #' + idx + ' is no longer the last item');
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* when an item becomes the first one in the visible range.
|
||||
* Triggered before animation.
|
||||
*/
|
||||
function mycarousel_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state) {
|
||||
// No animation on first load of the carousel
|
||||
if (state == 'init')
|
||||
return;
|
||||
|
||||
jQuery('img', item).fadeIn('slow');
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* when an item becomes the first one in the visible range.
|
||||
* Triggered after animation.
|
||||
*/
|
||||
function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {
|
||||
display('Item #' + idx + ' is now visible');
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* when an item is no longer the first one in the visible range.
|
||||
* Triggered before animation.
|
||||
*/
|
||||
function mycarousel_itemVisibleOutCallbackBeforeAnimation(carousel, item, idx, state) {
|
||||
jQuery('img', item).fadeOut('slow');
|
||||
};
|
||||
|
||||
/**
|
||||
* This is the callback function which receives notification
|
||||
* when an item is no longer the first one in the visible range.
|
||||
* Triggered after animation.
|
||||
*/
|
||||
function mycarousel_itemVisibleOutCallbackAfterAnimation(carousel, item, idx, state) {
|
||||
display('Item #' + idx + ' is no longer visible');
|
||||
};
|
||||
|
||||
/**
|
||||
* Helper function for printing out debug messages.
|
||||
* Not needed for jCarousel.
|
||||
*/
|
||||
var row = 1;
|
||||
function display(s) {
|
||||
// Log to Firebug (getfirebug.com) if available
|
||||
//if (window.console != undefined && typeof window.console.log == 'function')
|
||||
// console.log(s);
|
||||
|
||||
if (row >= 1000)
|
||||
var r = row;
|
||||
else if (row >= 100)
|
||||
var r = ' ' + row;
|
||||
else if (row >= 10)
|
||||
var r = ' ' + row;
|
||||
else
|
||||
var r = ' ' + row;
|
||||
|
||||
jQuery('#display').html(jQuery('#display').html() + r + ': ' + s + '<br />').get(0).scrollTop += 10000;
|
||||
|
||||
row++;
|
||||
};
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
scroll: 1,
|
||||
|
||||
initCallback: mycarousel_initCallback,
|
||||
reloadCallback: mycarousel_reloadCallback,
|
||||
|
||||
buttonNextCallback: mycarousel_buttonNextCallback,
|
||||
buttonPrevCallback: mycarousel_buttonPrevCallback,
|
||||
|
||||
itemFirstInCallback: mycarousel_itemFirstInCallback,
|
||||
itemFirstOutCallback: mycarousel_itemFirstOutCallback,
|
||||
itemLastInCallback: mycarousel_itemLastInCallback,
|
||||
itemLastOutCallback: mycarousel_itemLastOutCallback,
|
||||
itemVisibleInCallback: {
|
||||
onBeforeAnimation: mycarousel_itemVisibleInCallbackBeforeAnimation,
|
||||
onAfterAnimation: mycarousel_itemVisibleInCallbackAfterAnimation
|
||||
},
|
||||
itemVisibleOutCallback: {
|
||||
onBeforeAnimation: mycarousel_itemVisibleOutCallbackBeforeAnimation,
|
||||
onAfterAnimation: mycarousel_itemVisibleOutCallbackAfterAnimation
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Carousel illustrating the callback functions</h3>
|
||||
<p>
|
||||
This carousel has registered all available callback functions and displays
|
||||
information about the state of the items and buttons. Additionally the width
|
||||
of the carousel is set to auto. Resize the browser window and see what happens.
|
||||
</p>
|
||||
|
||||
|
||||
<ul id="mycarousel" class="jcarousel-skin-tango">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
<p id="display"></p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
wrap: 'circular'
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Circular carousel</h3>
|
||||
<p>
|
||||
This example shows a simple circular carousel.
|
||||
</p>
|
||||
|
||||
<ul id="mycarousel" class="jcarousel-skin-tango">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,166 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
/**
|
||||
* Additional styles for the controls.
|
||||
*/
|
||||
.jcarousel-control {
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.jcarousel-control a {
|
||||
font-size: 75%;
|
||||
text-decoration: none;
|
||||
padding: 0 5px;
|
||||
margin: 0 0 5px 0;
|
||||
border: 1px solid #fff;
|
||||
color: #eee;
|
||||
background-color: #4088b8;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.jcarousel-control a:focus,
|
||||
.jcarousel-control a:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jcarousel-scroll {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.jcarousel-scroll form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jcarousel-scroll select {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
#mycarousel-next,
|
||||
#mycarousel-prev {
|
||||
cursor: pointer;
|
||||
margin-bottom: -10px;
|
||||
text-decoration: underline;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
/**
|
||||
* We use the initCallback callback
|
||||
* to assign functionality to the controls
|
||||
*/
|
||||
function mycarousel_initCallback(carousel) {
|
||||
jQuery('.jcarousel-control a').bind('click', function() {
|
||||
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
|
||||
return false;
|
||||
});
|
||||
|
||||
jQuery('.jcarousel-scroll select').bind('change', function() {
|
||||
carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
|
||||
return false;
|
||||
});
|
||||
|
||||
jQuery('#mycarousel-next').bind('click', function() {
|
||||
carousel.next();
|
||||
return false;
|
||||
});
|
||||
|
||||
jQuery('#mycarousel-prev').bind('click', function() {
|
||||
carousel.prev();
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
// Ride the carousel...
|
||||
jQuery(document).ready(function() {
|
||||
jQuery("#mycarousel").jcarousel({
|
||||
scroll: 1,
|
||||
initCallback: mycarousel_initCallback,
|
||||
// This tells jCarousel NOT to autobuild prev/next buttons
|
||||
buttonNextHTML: null,
|
||||
buttonPrevHTML: null
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Carousel with external controls</h3>
|
||||
<p>
|
||||
This carousel shows how to control it from outside.
|
||||
</p>
|
||||
|
||||
<div id="mycarousel" class="jcarousel-skin-tango">
|
||||
<div class="jcarousel-control">
|
||||
<a href="#">1</a>
|
||||
<a href="#">2</a>
|
||||
<a href="#">3</a>
|
||||
<a href="#">4</a>
|
||||
<a href="#">5</a>
|
||||
<a href="#">6</a>
|
||||
<a href="#">7</a>
|
||||
<a href="#">8</a>
|
||||
<a href="#">9</a>
|
||||
<a href="#">10</a>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li><img width="75" height="75" src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" alt="" /></li>
|
||||
<li><img width="75" height="75" src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" alt="" /></li>
|
||||
<li><img width="75" height="75" src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" alt="" /></li>
|
||||
<li><img width="75" height="75" src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" alt="" /></li>
|
||||
<li><img width="75" height="75" src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" alt="" /></li>
|
||||
<li><img width="75" height="75" src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" alt="" /></li>
|
||||
<li><img width="75" height="75" src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" alt="" /></li>
|
||||
<li><img width="75" height="75" src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" alt="" /></li>
|
||||
<li><img width="75" height="75" src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" alt="" /></li>
|
||||
<li><img width="75" height="75" src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
<div class="jcarousel-scroll">
|
||||
<form action="">
|
||||
<a href="#" id="mycarousel-prev">« Prev</a>
|
||||
<select>
|
||||
<option value="1">Scroll 1 item per click</option>
|
||||
<option value="2">Scroll 2 items per click</option>
|
||||
<option value="3">Scroll 3 items per click</option>
|
||||
<option value="4">Scroll 4 items per click</option>
|
||||
<option value="5">Scroll 5 items per click</option>
|
||||
</select>
|
||||
<a href="#" id="mycarousel-next">Next »</a>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,95 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
jCarousel skin stylesheets
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../skins/ie7/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
// Initialise the first and second carousel by class selector.
|
||||
// Note that they use both the same configuration options (none in this case).
|
||||
jQuery('.first-and-second-carousel').jcarousel();
|
||||
|
||||
// If you want to use a caoursel with different configuration options,
|
||||
// you have to initialise it seperately.
|
||||
// We do it by an id selector here.
|
||||
jQuery('#third-carousel').jcarousel({
|
||||
vertical: true
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Multiple carousels on one page</h3>
|
||||
<p>
|
||||
This example shows how to use multiple carousels on one page with different
|
||||
skins and configurations.
|
||||
</p>
|
||||
|
||||
<ul id="first-carousel" class="first-and-second-carousel jcarousel-skin-tango">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
<hr size="1"/>
|
||||
|
||||
<ul id="second-carousel" class="first-and-second-carousel jcarousel-skin-ie7">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
<hr size="1"/>
|
||||
|
||||
<ul id="third-carousel" class="jcarousel-skin-tango">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Simple carousel</h3>
|
||||
<p>
|
||||
This is the most simple usage of the carousel with no configuration options.
|
||||
</p>
|
||||
|
||||
<ul id="mycarousel" class="jcarousel-skin-tango">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
start: 3
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Carousel with custom start position</h3>
|
||||
|
||||
<ul id="mycarousel" class="jcarousel-skin-tango">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel Examples</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" />
|
||||
<!--
|
||||
jQuery library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
|
||||
<!--
|
||||
jCarousel library
|
||||
-->
|
||||
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
|
||||
<!--
|
||||
jCarousel skin stylesheet
|
||||
-->
|
||||
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
vertical: true,
|
||||
scroll: 2
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
|
||||
<h3>Vertical carousel</h3>
|
||||
<p>
|
||||
A carousel in vertical orientation with custom prev/next controls, <code>animation</code>
|
||||
set to <code>"slow"</code> and <code>scroll</code> set to <code>2</code>.
|
||||
</p>
|
||||
|
||||
<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
|
||||
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
|
||||
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@@ -0,0 +1,159 @@
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
*{padding: 0; margin: 0;}
|
||||
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
#TB_window {
|
||||
font: 12px Arial, Helvetica, sans-serif;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
#TB_secondLine {
|
||||
font: 10px Arial, Helvetica, sans-serif;
|
||||
color:#666666;
|
||||
}
|
||||
|
||||
#TB_window a:link {color: #666666;}
|
||||
#TB_window a:visited {color: #666666;}
|
||||
#TB_window a:hover {color: #000;}
|
||||
#TB_window a:active {color: #666666;}
|
||||
#TB_window a:focus{color: #666666;}
|
||||
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
#TB_overlay {
|
||||
position: fixed;
|
||||
z-index:100;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background-color:#000;
|
||||
filter:alpha(opacity=75);
|
||||
-moz-opacity: 0.75;
|
||||
opacity: 0.75;
|
||||
height:100%;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
* html #TB_overlay { /* ie6 hack */
|
||||
position: absolute;
|
||||
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
|
||||
}
|
||||
|
||||
#TB_window {
|
||||
position: fixed;
|
||||
background: #ffffff;
|
||||
z-index: 102;
|
||||
color:#000000;
|
||||
display:none;
|
||||
border: 4px solid #525252;
|
||||
text-align:left;
|
||||
top:50%;
|
||||
left:50%;
|
||||
}
|
||||
|
||||
* html #TB_window { /* ie6 hack */
|
||||
position: absolute;
|
||||
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
|
||||
}
|
||||
|
||||
#TB_window img#TB_Image {
|
||||
display:block;
|
||||
margin: 15px 0 0 15px;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-top: 1px solid #666;
|
||||
border-left: 1px solid #666;
|
||||
}
|
||||
|
||||
#TB_caption{
|
||||
height:25px;
|
||||
padding:7px 30px 10px 25px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#TB_closeWindow{
|
||||
height:25px;
|
||||
padding:11px 25px 10px 0;
|
||||
float:right;
|
||||
}
|
||||
|
||||
#TB_closeAjaxWindow{
|
||||
padding:7px 10px 5px 0;
|
||||
margin-bottom:1px;
|
||||
text-align:right;
|
||||
float:right;
|
||||
}
|
||||
|
||||
#TB_ajaxWindowTitle{
|
||||
float:left;
|
||||
padding:7px 0 5px 10px;
|
||||
margin-bottom:1px;
|
||||
}
|
||||
|
||||
#TB_title{
|
||||
background-color:#e8e8e8;
|
||||
height:27px;
|
||||
}
|
||||
|
||||
#TB_ajaxContent{
|
||||
clear:both;
|
||||
padding:2px 15px 15px 15px;
|
||||
overflow:auto;
|
||||
text-align:left;
|
||||
line-height:1.4em;
|
||||
}
|
||||
|
||||
#TB_ajaxContent.TB_modal{
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
#TB_ajaxContent p{
|
||||
padding:5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
#TB_load{
|
||||
position: fixed;
|
||||
display:none;
|
||||
height:13px;
|
||||
width:208px;
|
||||
z-index:103;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
|
||||
}
|
||||
|
||||
* html #TB_load { /* ie6 hack */
|
||||
position: absolute;
|
||||
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
|
||||
}
|
||||
|
||||
#TB_HideSelect{
|
||||
z-index:99;
|
||||
position:fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color:#fff;
|
||||
border:none;
|
||||
filter:alpha(opacity=0);
|
||||
-moz-opacity: 0;
|
||||
opacity: 0;
|
||||
height:100%;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
* html #TB_HideSelect { /* ie6 hack */
|
||||
position: absolute;
|
||||
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
|
||||
}
|
||||
|
||||
#TB_iframeContent{
|
||||
clear:both;
|
||||
border:none;
|
||||
margin-bottom:-1px;
|
||||
margin-top:1px;
|
||||
_margin-bottom:1px;
|
||||
}
|
@@ -0,0 +1,296 @@
|
||||
/*
|
||||
* Thickbox 3 - One Box To Rule Them All.
|
||||
* By Cody Lindley (http://www.codylindley.com)
|
||||
* Copyright (c) 2007 cody lindley
|
||||
* Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
var tb_pathToImage = "images/loadingAnimation.gif";
|
||||
|
||||
/*!!!!!!!!!!!!!!!!! edit below this line at your own risk !!!!!!!!!!!!!!!!!!!!!!!*/
|
||||
|
||||
//on page load call tb_init
|
||||
$(document).ready(function(){
|
||||
tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
|
||||
imgLoader = new Image();// preload image
|
||||
imgLoader.src = tb_pathToImage;
|
||||
});
|
||||
|
||||
//add thickbox to href & area elements that have a class of .thickbox
|
||||
function tb_init(domChunk){
|
||||
$(domChunk).click(function(){
|
||||
var t = this.title || this.name || null;
|
||||
var a = this.href || this.alt;
|
||||
var g = this.rel || false;
|
||||
tb_show(t,a,g);
|
||||
this.blur();
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link
|
||||
|
||||
try {
|
||||
if (typeof document.body.style.maxHeight === "undefined") {//if IE 6
|
||||
$("body","html").css({height: "100%", width: "100%"});
|
||||
$("html").css("overflow","hidden");
|
||||
if (document.getElementById("TB_HideSelect") === null) {//iframe to hide select elements in ie6
|
||||
$("body").append("<iframe id='TB_HideSelect'></iframe><div id='TB_overlay'></div><div id='TB_window'></div>");
|
||||
$("#TB_overlay").click(tb_remove);
|
||||
}
|
||||
}else{//all others
|
||||
if(document.getElementById("TB_overlay") === null){
|
||||
$("body").append("<div id='TB_overlay'></div><div id='TB_window'>");
|
||||
$("#TB_overlay").click(tb_remove);
|
||||
}
|
||||
}
|
||||
|
||||
if(caption===null){caption="";}
|
||||
$("body").append("<div id='TB_load'><img src='"+imgLoader.src+"' /></div>");//add loader to the page
|
||||
$('#TB_load').show();//show loader
|
||||
|
||||
var baseURL;
|
||||
if(url.indexOf("?")!==-1){ //ff there is a query string involved
|
||||
baseURL = url.substr(0, url.indexOf("?"));
|
||||
}else{
|
||||
baseURL = url;
|
||||
}
|
||||
|
||||
var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.bmp/g;
|
||||
var urlType = baseURL.toLowerCase().match(urlString);
|
||||
|
||||
if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){//code to show images
|
||||
|
||||
TB_PrevCaption = "";
|
||||
TB_PrevURL = "";
|
||||
TB_PrevHTML = "";
|
||||
TB_NextCaption = "";
|
||||
TB_NextURL = "";
|
||||
TB_NextHTML = "";
|
||||
TB_imageCount = "";
|
||||
TB_FoundURL = false;
|
||||
if(imageGroup){
|
||||
TB_TempArray = $("a[@rel="+imageGroup+"]").get();
|
||||
for (TB_Counter = 0; ((TB_Counter < TB_TempArray.length) && (TB_NextHTML === "")); TB_Counter++) {
|
||||
var urlTypeTemp = TB_TempArray[TB_Counter].href.toLowerCase().match(urlString);
|
||||
if (!(TB_TempArray[TB_Counter].href == url)) {
|
||||
if (TB_FoundURL) {
|
||||
TB_NextCaption = TB_TempArray[TB_Counter].title;
|
||||
TB_NextURL = TB_TempArray[TB_Counter].href;
|
||||
TB_NextHTML = "<span id='TB_next'> <a href='#'>Next ></a></span>";
|
||||
} else {
|
||||
TB_PrevCaption = TB_TempArray[TB_Counter].title;
|
||||
TB_PrevURL = TB_TempArray[TB_Counter].href;
|
||||
TB_PrevHTML = "<span id='TB_prev'> <a href='#'>< Prev</a></span>";
|
||||
}
|
||||
} else {
|
||||
TB_FoundURL = true;
|
||||
TB_imageCount = "Image " + (TB_Counter + 1) +" of "+ (TB_TempArray.length);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
imgPreloader = new Image();
|
||||
imgPreloader.onload = function(){
|
||||
imgPreloader.onload = null;
|
||||
|
||||
// Resizing large images - orginal by Christian Montoya edited by me.
|
||||
var pagesize = tb_getPageSize();
|
||||
var x = pagesize[0] - 150;
|
||||
var y = pagesize[1] - 150;
|
||||
var imageWidth = imgPreloader.width;
|
||||
var imageHeight = imgPreloader.height;
|
||||
if (imageWidth > x) {
|
||||
imageHeight = imageHeight * (x / imageWidth);
|
||||
imageWidth = x;
|
||||
if (imageHeight > y) {
|
||||
imageWidth = imageWidth * (y / imageHeight);
|
||||
imageHeight = y;
|
||||
}
|
||||
} else if (imageHeight > y) {
|
||||
imageWidth = imageWidth * (y / imageHeight);
|
||||
imageHeight = y;
|
||||
if (imageWidth > x) {
|
||||
imageHeight = imageHeight * (x / imageWidth);
|
||||
imageWidth = x;
|
||||
}
|
||||
}
|
||||
// End Resizing
|
||||
|
||||
TB_WIDTH = imageWidth + 30;
|
||||
TB_HEIGHT = imageHeight + 60;
|
||||
$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>");
|
||||
|
||||
$("#TB_closeWindowButton").click(tb_remove);
|
||||
|
||||
if (!(TB_PrevHTML === "")) {
|
||||
function goPrev(){
|
||||
if($(document).unbind("click",goPrev)){$(document).unbind("click",goPrev);}
|
||||
$("#TB_window").remove();
|
||||
$("body").append("<div id='TB_window'></div>");
|
||||
tb_show(TB_PrevCaption, TB_PrevURL, imageGroup);
|
||||
return false;
|
||||
}
|
||||
$("#TB_prev").click(goPrev);
|
||||
}
|
||||
|
||||
if (!(TB_NextHTML === "")) {
|
||||
function goNext(){
|
||||
$("#TB_window").remove();
|
||||
$("body").append("<div id='TB_window'></div>");
|
||||
tb_show(TB_NextCaption, TB_NextURL, imageGroup);
|
||||
return false;
|
||||
}
|
||||
$("#TB_next").click(goNext);
|
||||
|
||||
}
|
||||
|
||||
document.onkeydown = function(e){
|
||||
if (e == null) { // ie
|
||||
keycode = event.keyCode;
|
||||
} else { // mozilla
|
||||
keycode = e.which;
|
||||
}
|
||||
if(keycode == 27){ // close
|
||||
tb_remove();
|
||||
} else if(keycode == 190){ // display previous image
|
||||
if(!(TB_NextHTML == "")){
|
||||
document.onkeydown = "";
|
||||
goNext();
|
||||
}
|
||||
} else if(keycode == 188){ // display next image
|
||||
if(!(TB_PrevHTML == "")){
|
||||
document.onkeydown = "";
|
||||
goPrev();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
tb_position();
|
||||
$("#TB_load").remove();
|
||||
$("#TB_ImageOff").click(tb_remove);
|
||||
$("#TB_window").css({display:"block"}); //for safari using css instead of show
|
||||
};
|
||||
|
||||
imgPreloader.src = url;
|
||||
}else{//code to show html pages
|
||||
|
||||
var queryString = url.replace(/^[^\?]+\??/,'');
|
||||
var params = tb_parseQuery( queryString );
|
||||
|
||||
TB_WIDTH = (params['width']*1) + 30 || 630; //defaults to 630 if no paramaters were added to URL
|
||||
TB_HEIGHT = (params['height']*1) + 40 || 440; //defaults to 440 if no paramaters were added to URL
|
||||
ajaxContentW = TB_WIDTH - 30;
|
||||
ajaxContentH = TB_HEIGHT - 45;
|
||||
|
||||
if(url.indexOf('TB_iframe') != -1){
|
||||
urlNoQuery = url.split('TB_');
|
||||
$("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div></div><iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' name='TB_iframeContent' style='width:"+(ajaxContentW + 29)+"px;height:"+(ajaxContentH + 17)+"px;' onload='tb_showIframe()'> </iframe>");
|
||||
}else{
|
||||
if($("#TB_window").css("display") != "block"){
|
||||
if(params['modal'] != "true"){
|
||||
$("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton'>close</a> or Esc Key</div></div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px'></div>");
|
||||
}else{
|
||||
$("#TB_overlay").unbind();
|
||||
$("#TB_window").append("<div id='TB_ajaxContent' class='TB_modal' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>");
|
||||
}
|
||||
}else{
|
||||
$("#TB_ajaxContent")[0].style.width = ajaxContentW +"px";
|
||||
$("#TB_ajaxContent")[0].style.height = ajaxContentH +"px";
|
||||
$("#TB_ajaxContent")[0].scrollTop = 0;
|
||||
$("#TB_ajaxWindowTitle").html(caption);
|
||||
}
|
||||
}
|
||||
|
||||
$("#TB_closeWindowButton").click(tb_remove);
|
||||
|
||||
if(url.indexOf('TB_inline') != -1){
|
||||
$("#TB_ajaxContent").html($('#' + params['inlineId']).html());
|
||||
tb_position();
|
||||
$("#TB_load").remove();
|
||||
$("#TB_window").css({display:"block"});
|
||||
}else if(url.indexOf('TB_iframe') != -1){
|
||||
tb_position();
|
||||
if(frames['TB_iframeContent'] === undefined){//be nice to safari
|
||||
$("#TB_load").remove();
|
||||
$("#TB_window").css({display:"block"});
|
||||
$(document).keyup( function(e){ var key = e.keyCode; if(key == 27){tb_remove();}});
|
||||
}
|
||||
}else{
|
||||
$("#TB_ajaxContent").load(url += "&random=" + (new Date().getTime()),function(){//to do a post change this load method
|
||||
tb_position();
|
||||
$("#TB_load").remove();
|
||||
tb_init("#TB_ajaxContent a.thickbox");
|
||||
$("#TB_window").css({display:"block"});
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if(!params['modal']){
|
||||
document.onkeyup = function(e){
|
||||
if (e == null) { // ie
|
||||
keycode = event.keyCode;
|
||||
} else { // mozilla
|
||||
keycode = e.which;
|
||||
}
|
||||
if(keycode == 27){ // close
|
||||
tb_remove();
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
} catch(e) {
|
||||
//nothing here
|
||||
}
|
||||
}
|
||||
|
||||
//helper functions below
|
||||
function tb_showIframe(){
|
||||
$("#TB_load").remove();
|
||||
$("#TB_window").css({display:"block"});
|
||||
}
|
||||
|
||||
function tb_remove() {
|
||||
$("#TB_imageOff").unbind("click");
|
||||
$("#TB_overlay").unbind("click");
|
||||
$("#TB_closeWindowButton").unbind("click");
|
||||
$("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').remove();});
|
||||
$("#TB_load").remove();
|
||||
if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
|
||||
$("body","html").css({height: "auto", width: "auto"});
|
||||
$("html").css("overflow","");
|
||||
}
|
||||
document.onkeydown = "";
|
||||
return false;
|
||||
}
|
||||
|
||||
function tb_position() {
|
||||
$("#TB_window").css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'});
|
||||
if ( !(jQuery.browser.msie && typeof XMLHttpRequest == 'function')) { // take away IE6
|
||||
$("#TB_window").css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) + 'px'});
|
||||
}
|
||||
}
|
||||
|
||||
function tb_parseQuery ( query ) {
|
||||
var Params = {};
|
||||
if ( ! query ) {return Params;}// return empty object
|
||||
var Pairs = query.split(/[;&]/);
|
||||
for ( var i = 0; i < Pairs.length; i++ ) {
|
||||
var KeyVal = Pairs[i].split('=');
|
||||
if ( ! KeyVal || KeyVal.length != 2 ) {continue;}
|
||||
var key = unescape( KeyVal[0] );
|
||||
var val = unescape( KeyVal[1] );
|
||||
val = val.replace(/\+/g, ' ');
|
||||
Params[key] = val;
|
||||
}
|
||||
return Params;
|
||||
}
|
||||
|
||||
function tb_getPageSize(){
|
||||
var de = document.documentElement;
|
||||
var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
|
||||
var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
|
||||
arrayPageSize = [w,h];
|
||||
return arrayPageSize;
|
||||
}
|
516
fnf2014/newfront/js/jsor-jcarousel-7bb2e0a/index.html
Normal file
@@ -0,0 +1,516 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
|
||||
<head>
|
||||
<title>jCarousel - Riding carousels with jQuery</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<link href="style.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<h1>jCarousel</h1>
|
||||
<h2>Riding carousels with jQuery</h2>
|
||||
<p><strong>Author:</strong> <a href="http://sorgalla.com">Jan Sorgalla</a><br />
|
||||
<strong>Version:</strong> 0.2.8 (<a href="changelog.html">Changelog</a>)<br />
|
||||
<strong>Download:</strong> <a href="http://sorgalla.com/projects/download.php?jcarousel">jcarousel.tar.gz</a> or <a href="http://sorgalla.com/projects/download-zip.php?jcarousel">jcarousel.zip</a><br />
|
||||
<strong>Source Code:</strong> <a href="http://github.com/jsor/jcarousel">http://github.com/jsor/jcarousel</a><br/>
|
||||
<strong>Bugtracker:</strong> <a href="http://github.com/jsor/jcarousel/issues">http://github.com/jsor/jcarousel/issues</a><br/>
|
||||
<strong>Licence:</strong> Dual licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT</a>
|
||||
and <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a> licenses.</p>
|
||||
|
||||
<a name="Contents"></a>
|
||||
<h3>Contents</h3>
|
||||
<ol>
|
||||
<li><a href="#Introduction">Introduction</a></li>
|
||||
<li><a href="#Examples">Examples</a></li>
|
||||
<li><a href="#Getting-Started">Getting started</a></li>
|
||||
<li><a href="#Dynamic-Content-Loading">Dynamic content loading</a></li>
|
||||
<li><a href="#Accessing-The-Jcarousel-Instance">Accessing the jCarousel instance</a></li>
|
||||
<li><a href="#Defining-The-Number-Of-Visible-Items">Defining the number of visible items</a></li>
|
||||
<li><a href="#Configuration">Configuration</a></li>
|
||||
<li><a href="#Credits">Credits</a></li>
|
||||
</ol>
|
||||
|
||||
<a name="Introduction"></a>
|
||||
<h3>Introduction</h3>
|
||||
<p>jCarousel is a <a href="http://jquery.com">jQuery</a> plugin for controlling
|
||||
a list of items in horizontal or vertical order. The items, which can be static
|
||||
HTML content or loaded with (or without) AJAX, can be scrolled back and forth
|
||||
(with or without animation).</p>
|
||||
|
||||
<a name="Examples"></a>
|
||||
<h3>Examples</h3>
|
||||
<p>The following examples illustrate the possibilities of jCarousel:</p>
|
||||
<noscript>
|
||||
<p style="color:red">You need JavaScript enabled to see the carousel</p>
|
||||
</noscript>
|
||||
<ul>
|
||||
<li><strong>Static Examples</strong>
|
||||
<ul>
|
||||
<li><a href="examples/static_simple.html">Simple carousel</a></li>
|
||||
<li><a href="examples/static_vertical.html">Vertical carousel</a></li>
|
||||
<li><a href="examples/static_circular.html">Circular carousel</a></li>
|
||||
<li><a href="examples/static_auto.html">Carousel with autoscrolling</a></li>
|
||||
<li><a href="examples/static_callbacks.html">Carousel illustrating the
|
||||
callback functions</a></li>
|
||||
<li><a href="examples/static_controls.html">Carousel with external controls</a></li>
|
||||
<li><a href="examples/static_start.html">Carousel with custom start position</a></li>
|
||||
<li><a href="examples/static_multiple.html">Multiple carousels on one page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><strong>Dynamic Examples</strong>
|
||||
<ul>
|
||||
<li><a href="examples/dynamic_javascript.html">Carousel with dynamic content
|
||||
loading via JavaScript</a></li>
|
||||
<li><a href="examples/dynamic_ajax.html">Carousel with dynamic content
|
||||
loading via Ajax</a></li>
|
||||
<li><a href="examples/dynamic_ajax_php.html">Carousel with dynamic content
|
||||
loading via Ajax from a PHP script</a></li>
|
||||
<li><a href="examples/dynamic_flickr_feed.html">Carousel with dynamic
|
||||
content loading via Ajax from the Flickr photo stream</a></li>
|
||||
<li><a href="examples/dynamic_flickr_api.html">Carousel with dynamic content
|
||||
loading via Ajax from the Flickr API</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><strong>Special Examples</strong>
|
||||
<ul>
|
||||
<li><a href="examples/special_textscroller.html">Using jCarousel as a
|
||||
Textscroller</a></li>
|
||||
<li><a href="examples/special_flexible.html">Flexible carousel</a></li>
|
||||
<li><a href="examples/special_thickbox.html">jCarousel and Thickbox 3</a></li>
|
||||
<li><a href="examples/special_easing.html">Carousel with custom animation
|
||||
effect</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="Getting-Started"></a>
|
||||
<h3>Getting started</h3>
|
||||
<p>To use the jCarousel component, include the <a href="http://jquery.com">jQuery</a>
|
||||
library, the jCarousel source file and a jCarousel skin stylesheet file inside the <code><head></code> tag
|
||||
of your HTML document:</p>
|
||||
<pre>
|
||||
<script type="text/javascript" src="/path/to/jquery-1.4.2.min.js"></script>
|
||||
<script type="text/javascript" src="/path/to/lib/jquery.jcarousel.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/path/to/skin/skin.css" />
|
||||
</pre>
|
||||
<p>The download package contains some example skin packages. Feel free to build your own skins based on it.</p>
|
||||
<p>jCarousel expects a very basic HTML markup structure inside your HTML document:</p>
|
||||
<pre>
|
||||
<ul id="mycarousel" class="jcarousel-skin-<em>name</em>">
|
||||
<!-- The content goes in here -->
|
||||
</ul>
|
||||
</pre>
|
||||
<p>jCarousel automatically wraps the required HTML markup around the list. The
|
||||
class attribute applies the jCarousel skin <em>"name"</em> to the
|
||||
carousel.</p>
|
||||
<p> To setup jCarousel, add the following code inside the <code><head></code>
|
||||
tag of your HTML document:</p>
|
||||
<pre>
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
// Configuration goes here
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</pre>
|
||||
<p> jCarousel accepts a lot of configuration options, see chapter "<a href="#Configuration">Configuration</a>"
|
||||
for further informations.</p>
|
||||
<p>After jCarousel has been initialised, the fully created markup in
|
||||
the DOM is:</p>
|
||||
<pre>
|
||||
<div class="jcarousel-skin-<em>name</em>">
|
||||
<div class="jcarousel-container">
|
||||
<div class="jcarousel-clip">
|
||||
<ul class="jcarousel-list">
|
||||
<li class="jcarousel-item-1">First item</li>
|
||||
<li class="jcarousel-item-2">Second item</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
|
||||
<div class="jcarousel-next"></div>
|
||||
</div>
|
||||
</div>
|
||||
</pre>
|
||||
|
||||
<p>As you can see, there are some elements added which have assigned classes
|
||||
(in addition to the classes you may have already assigned manually). Feel
|
||||
free to design your carousel with the classes you can see above.</p>
|
||||
<h4>Note:</h4>
|
||||
<ul>
|
||||
<li>The skin class "jcarousel-skin-<em>name"</em> has been moved
|
||||
from the <code><ul></code> to the top <code><div></code> element.</li>
|
||||
<li>The last 2 nested <code><div></code>'s under <code><div class="jcarousel-container"></code>
|
||||
are the next/prev buttons of the carousel. The first one illustrates a disabled button, the second an enabled one. The disabled
|
||||
button has the attribute
|
||||
<code>disabled</code> (which actually makes no sense for <code><div></code>
|
||||
elements, but you can also use <code><button></code> elements or
|
||||
whatever you want) as well as the additional class <code>jcarousel-prev-disabled</code>
|
||||
(or <code>jcarousel-next-disabled</code>).</li>
|
||||
<li>All <code><li></code> elements of the list have the class <code></code><code>jcarousel-item-<em>n</em></code>
|
||||
assigned where <code><em>n</em></code> represents the position in the list.</li>
|
||||
<li>Not shown here is, that all classes are followed by additional classes with a suffix
|
||||
dependent on the orientation of the carousel, ie. <code><ul class="jcarousel-list
|
||||
jcarousel-list-horizontal"></code> for a horizontal carousel.</li>
|
||||
</ul>
|
||||
|
||||
<a name="Dynamic-Content-Loading"></a>
|
||||
<h3>Dynamic content loading</h3>
|
||||
<p>By passing the callback function <code>itemLoadCallback</code> as configuration
|
||||
option, you are able to dynamically create <code><li></code> items for the content.</p>
|
||||
<pre>
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel({
|
||||
itemLoadCallback: itemLoadCallbackFunction
|
||||
});
|
||||
});
|
||||
</script></pre>
|
||||
<p><code>itemLoadCallbackFunction</code> is a JavaScript function that is called
|
||||
when the carousel requests a set of items to be loaded. Two parameters are
|
||||
passed: The instance of the requesting carousel and a flag which indicates
|
||||
the current state of the carousel ('init', 'prev' or 'next').</p>
|
||||
<pre>
|
||||
<script type="text/javascript">
|
||||
function itemLoadCallbackFunction(carousel, state)
|
||||
{
|
||||
for (var i = carousel.first; i <= carousel.last; i++) {
|
||||
// Check if the item already exists
|
||||
if (!carousel.has(i)) {
|
||||
// Add the item
|
||||
carousel.add(i, "I'm item #" + i);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script></pre>
|
||||
<p>jCarousel contains a convenience method <code>add()</code> that can be
|
||||
passed the index of the item to create and the innerHTML string of the
|
||||
item to be
|
||||
created. If the item already exists, it just updates the innerHTML. You can
|
||||
access the index of the first and last visible element by the public variables <code>carousel.first</code> and <code>carousel.last</code>.
|
||||
</p>
|
||||
|
||||
<a name="Accessing-The-Jcarousel-Instance"></a>
|
||||
<h3>Accessing the jCarousel instance</h3>
|
||||
<p>The instance of the carousel will be stored with the <code>data()</code> method of jQuery under the key <code>jcarousel</code> for a simple access.</p>
|
||||
<p>If you have created a carousel like:</p>
|
||||
<pre>
|
||||
jQuery(document).ready(function() {
|
||||
jQuery('#mycarousel').jcarousel();
|
||||
});</pre>
|
||||
<p>You can access the instance with:</p>
|
||||
<pre>
|
||||
var carousel = jQuery('#mycarousel').data('jcarousel');</pre>
|
||||
<p>You can also access methods of the instance directly, for example the <code>add()</code> method:
|
||||
<pre>
|
||||
var index = 1;
|
||||
var html = 'My content of item no. 1';
|
||||
jQuery('#mycarousel').jcarousel('add', index, html);</pre>
|
||||
|
||||
<a name="Defining-The-Number-Of-Visible-Items"></a>
|
||||
<h3>Defining the number of visible items</h3>
|
||||
|
||||
<p>Sometimes people are confused how to define the number of visible items because there is no option for this as they expect (Yes, there is an option <code>visible</code>, we discuss this later).</p>
|
||||
<p>You simply define the number of visible items by defining the width (or height) with the class <code>.jcarousel-clip</code> (or the more distinct <code>.jcarousel-clip-horizontal</code> and <code>.jcarousel-clip-vertical</code> classes) in your skin stylesheet.</p>
|
||||
<p>This offers a lot of flexibility, because you can define the width in pixel for a fixed carousel or in percent for a flexible carousel (<a href="examples/static_callbacks.html">This example</a> shows a carousel with a clip width in percent, resize the browser to see it in effect).</p>
|
||||
<p>So, why there is an option <code>visible</code>? If you set the option <code>visible</code>, jCarousel sets the width of the visible items to always make this number of items visible. Open <a href="examples/special_flexible.html">this example</a> and resize your browser window to see it in effect.</p>
|
||||
|
||||
<a name="Configuration"></a>
|
||||
<h3>Configuration</h3>
|
||||
<p> jCarousel accepts a list of options to control the appearance and behaviour
|
||||
of the carousel. Here is the list of options you may set: </p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Property</th>
|
||||
<th>Type</th>
|
||||
<th>Default</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>vertical</td>
|
||||
<td>bool</td>
|
||||
<td>false</td>
|
||||
<td>Specifies wether the carousel appears in horizontal or vertical orientation.
|
||||
Changes the carousel from a left/right style to a up/down style carousel.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>rtl</td>
|
||||
<td>bool</td>
|
||||
<td>false</td>
|
||||
<td>Specifies wether the carousel appears in RTL (Right-To-Left) mode.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>start</td>
|
||||
<td>integer</td>
|
||||
<td>1</td>
|
||||
<td>The index of the item to start with.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>offset</td>
|
||||
<td>integer</td>
|
||||
<td>1</td>
|
||||
<td>The index of the first available item at initialisation.</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>size</td>
|
||||
<td>integer</td>
|
||||
<td><em>Number of existing <li> elements if size is not passed explicitly</em></td>
|
||||
<td>The number of total items.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>scroll</td>
|
||||
<td>integer</td>
|
||||
<td>3</td>
|
||||
<td>The number of items to scroll by.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>visible</td>
|
||||
<td>integer</td>
|
||||
<td>null</td>
|
||||
<td>If passed, the width/height of the items will be calculated and set
|
||||
depending on the width/height of the clipping, so that exactly that
|
||||
number of items will be visible.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>animation</td>
|
||||
<td>mixed</td>
|
||||
<td>"fast"</td>
|
||||
<td>The speed of the scroll animation as string in jQuery terms (<code>"slow"</code>
|
||||
or <code>"fast"</code>) or milliseconds as integer
|
||||
(See <a href="http://docs.jquery.com/effects/animate">jQuery Documentation</a>).
|
||||
If set to 0, animation is turned off.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>easing</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>The name of the easing effect that you want to use (See <a href="http://docs.jquery.com/effects/animate">jQuery
|
||||
Documentation</a>).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>auto</td>
|
||||
<td>integer</td>
|
||||
<td>0</td>
|
||||
<td>Specifies how many seconds to periodically autoscroll the content.
|
||||
If set to <code>0</code> (default) then autoscrolling is turned off.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>wrap</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>Specifies whether to wrap at the first/last item (or both) and jump
|
||||
back to the start/end. Options are <code>"first"</code>, <code>"last"</code>,
|
||||
<code>"both"</code> or <code>"circular"</code> as string. If set to <code>null</code>,
|
||||
wrapping is turned off (default).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>initCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called right after initialisation of the
|
||||
carousel. Two parameters are passed: The instance of the requesting
|
||||
carousel and the state of the carousel initialisation (init, reset or
|
||||
reload).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>setupCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called right after the carousel is completely setup.
|
||||
One parameter is passed: The instance of the requesting carousel.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>itemLoadCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called when the carousel requests a set
|
||||
of items to be loaded. Two parameters are passed: The instance of the
|
||||
requesting carousel and the state of the carousel action (prev, next
|
||||
or init). Alternatively, you can pass a hash of one or two functions
|
||||
which are triggered before and/or after animation:
|
||||
<pre>
|
||||
itemLoadCallback: {
|
||||
onBeforeAnimation: callback1,
|
||||
onAfterAnimation: callback2
|
||||
}</pre> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>itemFirstInCallback </td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called (after the scroll animation) when
|
||||
an item becomes the first one in the visible range of the carousel.
|
||||
Four parameters are passed: The instance of the requesting carousel
|
||||
and the <code><li></code> object itself, the index which indicates
|
||||
the position of the item in the list and the state of the carousel action
|
||||
(prev, next or init). Alternatively, you can pass a hash of one or two
|
||||
functions which are triggered before and/or after animation:
|
||||
<pre>
|
||||
itemFirstInCallback: {
|
||||
onBeforeAnimation: callback1,
|
||||
onAfterAnimation: callback2
|
||||
}</pre> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>itemFirstOutCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called (after the scroll animation) when
|
||||
an item isn't longer the first one in the visible range of the carousel.
|
||||
Four parameters are passed: The instance of the requesting carousel
|
||||
and the <code><li></code> object itself, the index which indicates
|
||||
the position of the item in the list and the state of the carousel action
|
||||
(prev, next or init). Alternatively, you can pass a hash of one or two
|
||||
functions which are triggered before and/or after animation:
|
||||
<pre>
|
||||
itemFirstOutCallback: {
|
||||
onBeforeAnimation: callback1,
|
||||
onAfterAnimation: callback2
|
||||
}</pre> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>itemLastInCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called (after the scroll animation) when
|
||||
an item becomes the last one in the visible range of the carousel. Four
|
||||
parameters are passed: The instance of the requesting carousel and the
|
||||
<code><li></code> object itself, the index which indicates the
|
||||
position of the item in the list and the state of the carousel action
|
||||
(prev, next or init). Alternatively, you can pass a hash of one or two
|
||||
functions which are triggered before and/or after animation:
|
||||
<pre>
|
||||
itemLastInCallback: {
|
||||
onBeforeAnimation: callback1,
|
||||
onAfterAnimation: callback2
|
||||
}</pre> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>itemLastOutCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called when an item isn't longer the last
|
||||
one in the visible range of the carousel. Four parameters are passed:
|
||||
The instance of the requesting carousel and the <code><li></code>
|
||||
object itself, the index which indicates the position of the item in
|
||||
the list and the state of the carousel action (prev, next or init).
|
||||
Alternatively, you can pass a hash of one or two functions which are
|
||||
triggered before and/or after animation:
|
||||
<pre>
|
||||
itemLastOutCallback: {
|
||||
onBeforeAnimation: callback1,
|
||||
onAfterAnimation: callback2
|
||||
}</pre> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>itemVisibleInCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called (after the scroll animation) when
|
||||
an item is in the visible range of the carousel. Four parameters are
|
||||
passed: The instance of the requesting carousel and the <code><li></code>
|
||||
object itself, the index which indicates the position of the item in
|
||||
the list and the state of the carousel action (prev, next or init).
|
||||
Alternatively, you can pass a hash of one or two functions which are
|
||||
triggered before and/or after animation:
|
||||
<pre>
|
||||
itemVisibleInCallback: {
|
||||
onBeforeAnimation: callback1,
|
||||
onAfterAnimation: callback2
|
||||
}</pre> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>itemVisibleOutCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called (after the scroll animation) when
|
||||
an item isn't longer in the visible range of the carousel. Four parameters
|
||||
are passed: The instance of the requesting carousel and the <code><li></code>
|
||||
object itself, the index which indicates the position of the item in
|
||||
the list and the state of the carousel action (prev, next or init).
|
||||
Alternatively, you can pass a hash of one or two functions which are
|
||||
triggered before and/or after animation:
|
||||
<pre>
|
||||
itemVisibleOutCallback: {
|
||||
onBeforeAnimation: callback1,
|
||||
onAfterAnimation: callback2
|
||||
}</pre> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>animationStepCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called after each animation step. This
|
||||
function is directly passed to jQuery's <code>.animate()</code> method
|
||||
as the <code>step</code> parameter. See the jQuery documentation for the
|
||||
parameters it will receive.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>buttonNextCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called when the state of the 'next' control
|
||||
is changing. The responsibility of this method is to enable or disable
|
||||
the 'next' control. Three parameters are passed: The instance of the
|
||||
requesting carousel, the control element and a flag indicating whether
|
||||
the button should be enabled or disabled.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>buttonPrevCallback</td>
|
||||
<td>function</td>
|
||||
<td>null</td>
|
||||
<td>JavaScript function that is called when the state of the 'previous'
|
||||
control is changing. The responsibility of this method is to enable
|
||||
or disable the 'previous' control. Three parameters are passed: The
|
||||
instance of the requesting carousel, the control element and a flag
|
||||
indicating whether the button should be enabled or disabled.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>buttonNextHTML</td>
|
||||
<td>string</td>
|
||||
<td><code><div></div></code></td>
|
||||
<td>The HTML markup for the auto-generated next button. If set to <code>null</code>,
|
||||
no next-button is created.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>buttonPrevHTML</td>
|
||||
<td>string</td>
|
||||
<td><code><div></div></code></td>
|
||||
<td>The HTML markup for the auto-generated prev button. If set to <code>null</code>,
|
||||
no prev-button is created.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>buttonNextEvent</td>
|
||||
<td>string</td>
|
||||
<td>"click"</td>
|
||||
<td>Specifies the event which triggers the next scroll.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>buttonPrevEvent</td>
|
||||
<td>string</td>
|
||||
<td>"click"</td>
|
||||
<td>Specifies the event which triggers the prev scroll.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>itemFallbackDimension</td>
|
||||
<td>integer</td>
|
||||
<td>null</td>
|
||||
<td>If, for some reason, jCarousel can not detect the width of an item, you can set a fallback dimension (width or height, depending on the orientation) here to ensure correct calculations.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<a name="Credits"></a>
|
||||
<h3>Credits</h3>
|
||||
<p>Thanks to <a href="http://ejohn.org">John Resig</a> for his fantastic <a href="http://jquery.com">jQuery</a>
|
||||
library. <br>
|
||||
jCarousel is inspired by the <a href="http://billwscott.com/carousel/">Carousel
|
||||
Component</a> written by <a href="http://looksgoodworkswell.com">Bill Scott</a>.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
154
fnf2014/newfront/js/jsor-jcarousel-7bb2e0a/lib/jquery-1.4.2.min.js
vendored
Normal file
@@ -0,0 +1,154 @@
|
||||
/*!
|
||||
* jQuery JavaScript Library v1.4.2
|
||||
* http://jquery.com/
|
||||
*
|
||||
* Copyright 2010, John Resig
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* Includes Sizzle.js
|
||||
* http://sizzlejs.com/
|
||||
* Copyright 2010, The Dojo Foundation
|
||||
* Released under the MIT, BSD, and GPL Licenses.
|
||||
*
|
||||
* Date: Sat Feb 13 22:33:48 2010 -0500
|
||||
*/
|
||||
(function(A,w){function ma(){if(!c.isReady){try{s.documentElement.doScroll("left")}catch(a){setTimeout(ma,1);return}c.ready()}}function Qa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function X(a,b,d,f,e,j){var i=a.length;if(typeof b==="object"){for(var o in b)X(a,o,b[o],f,e,d);return a}if(d!==w){f=!j&&f&&c.isFunction(d);for(o=0;o<i;o++)e(a[o],b,f?d.call(a[o],o,e(a[o],b)):d,j);return a}return i?
|
||||
e(a[0],b):w}function J(){return(new Date).getTime()}function Y(){return false}function Z(){return true}function na(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function oa(a){var b,d=[],f=[],e=arguments,j,i,o,k,n,r;i=c.data(this,"events");if(!(a.liveFired===this||!i||!i.live||a.button&&a.type==="click")){a.liveFired=this;var u=i.live.slice(0);for(k=0;k<u.length;k++){i=u[k];i.origType.replace(O,"")===a.type?f.push(i.selector):u.splice(k--,1)}j=c(a.target).closest(f,a.currentTarget);n=0;for(r=
|
||||
j.length;n<r;n++)for(k=0;k<u.length;k++){i=u[k];if(j[n].selector===i.selector){o=j[n].elem;f=null;if(i.preType==="mouseenter"||i.preType==="mouseleave")f=c(a.relatedTarget).closest(i.selector)[0];if(!f||f!==o)d.push({elem:o,handleObj:i})}}n=0;for(r=d.length;n<r;n++){j=d[n];a.currentTarget=j.elem;a.data=j.handleObj.data;a.handleObj=j.handleObj;if(j.handleObj.origHandler.apply(j.elem,e)===false){b=false;break}}return b}}function pa(a,b){return"live."+(a&&a!=="*"?a+".":"")+b.replace(/\./g,"`").replace(/ /g,
|
||||
"&")}function qa(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function ra(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var f=c.data(a[d++]),e=c.data(this,f);if(f=f&&f.events){delete e.handle;e.events={};for(var j in f)for(var i in f[j])c.event.add(this,j,f[j][i],f[j][i].data)}}})}function sa(a,b,d){var f,e,j;b=b&&b[0]?b[0].ownerDocument||b[0]:s;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===s&&!ta.test(a[0])&&(c.support.checkClone||!ua.test(a[0]))){e=
|
||||
true;if(j=c.fragments[a[0]])if(j!==1)f=j}if(!f){f=b.createDocumentFragment();c.clean(a,b,f,d)}if(e)c.fragments[a[0]]=j?f:1;return{fragment:f,cacheable:e}}function K(a,b){var d={};c.each(va.concat.apply([],va.slice(0,b)),function(){d[this]=a});return d}function wa(a){return"scrollTo"in a&&a.document?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var c=function(a,b){return new c.fn.init(a,b)},Ra=A.jQuery,Sa=A.$,s=A.document,T,Ta=/^[^<]*(<[\w\W]+>)[^>]*$|^#([\w-]+)$/,Ua=/^.[^:#\[\.,]*$/,Va=/\S/,
|
||||
Wa=/^(\s|\u00A0)+|(\s|\u00A0)+$/g,Xa=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,P=navigator.userAgent,xa=false,Q=[],L,$=Object.prototype.toString,aa=Object.prototype.hasOwnProperty,ba=Array.prototype.push,R=Array.prototype.slice,ya=Array.prototype.indexOf;c.fn=c.prototype={init:function(a,b){var d,f;if(!a)return this;if(a.nodeType){this.context=this[0]=a;this.length=1;return this}if(a==="body"&&!b){this.context=s;this[0]=s.body;this.selector="body";this.length=1;return this}if(typeof a==="string")if((d=Ta.exec(a))&&
|
||||
(d[1]||!b))if(d[1]){f=b?b.ownerDocument||b:s;if(a=Xa.exec(a))if(c.isPlainObject(b)){a=[s.createElement(a[1])];c.fn.attr.call(a,b,true)}else a=[f.createElement(a[1])];else{a=sa([d[1]],[f]);a=(a.cacheable?a.fragment.cloneNode(true):a.fragment).childNodes}return c.merge(this,a)}else{if(b=s.getElementById(d[2])){if(b.id!==d[2])return T.find(a);this.length=1;this[0]=b}this.context=s;this.selector=a;return this}else if(!b&&/^\w+$/.test(a)){this.selector=a;this.context=s;a=s.getElementsByTagName(a);return c.merge(this,
|
||||
a)}else return!b||b.jquery?(b||T).find(a):c(b).find(a);else if(c.isFunction(a))return T.ready(a);if(a.selector!==w){this.selector=a.selector;this.context=a.context}return c.makeArray(a,this)},selector:"",jquery:"1.4.2",length:0,size:function(){return this.length},toArray:function(){return R.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this.slice(a)[0]:this[a]},pushStack:function(a,b,d){var f=c();c.isArray(a)?ba.apply(f,a):c.merge(f,a);f.prevObject=this;f.context=this.context;if(b===
|
||||
"find")f.selector=this.selector+(this.selector?" ":"")+d;else if(b)f.selector=this.selector+"."+b+"("+d+")";return f},each:function(a,b){return c.each(this,a,b)},ready:function(a){c.bindReady();if(c.isReady)a.call(s,c);else Q&&Q.push(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(R.apply(this,arguments),"slice",R.call(arguments).join(","))},map:function(a){return this.pushStack(c.map(this,
|
||||
function(b,d){return a.call(b,d,b)}))},end:function(){return this.prevObject||c(null)},push:ba,sort:[].sort,splice:[].splice};c.fn.init.prototype=c.fn;c.extend=c.fn.extend=function(){var a=arguments[0]||{},b=1,d=arguments.length,f=false,e,j,i,o;if(typeof a==="boolean"){f=a;a=arguments[1]||{};b=2}if(typeof a!=="object"&&!c.isFunction(a))a={};if(d===b){a=this;--b}for(;b<d;b++)if((e=arguments[b])!=null)for(j in e){i=a[j];o=e[j];if(a!==o)if(f&&o&&(c.isPlainObject(o)||c.isArray(o))){i=i&&(c.isPlainObject(i)||
|
||||
c.isArray(i))?i:c.isArray(o)?[]:{};a[j]=c.extend(f,i,o)}else if(o!==w)a[j]=o}return a};c.extend({noConflict:function(a){A.$=Sa;if(a)A.jQuery=Ra;return c},isReady:false,ready:function(){if(!c.isReady){if(!s.body)return setTimeout(c.ready,13);c.isReady=true;if(Q){for(var a,b=0;a=Q[b++];)a.call(s,c);Q=null}c.fn.triggerHandler&&c(s).triggerHandler("ready")}},bindReady:function(){if(!xa){xa=true;if(s.readyState==="complete")return c.ready();if(s.addEventListener){s.addEventListener("DOMContentLoaded",
|
||||
L,false);A.addEventListener("load",c.ready,false)}else if(s.attachEvent){s.attachEvent("onreadystatechange",L);A.attachEvent("onload",c.ready);var a=false;try{a=A.frameElement==null}catch(b){}s.documentElement.doScroll&&a&&ma()}}},isFunction:function(a){return $.call(a)==="[object Function]"},isArray:function(a){return $.call(a)==="[object Array]"},isPlainObject:function(a){if(!a||$.call(a)!=="[object Object]"||a.nodeType||a.setInterval)return false;if(a.constructor&&!aa.call(a,"constructor")&&!aa.call(a.constructor.prototype,
|
||||
"isPrototypeOf"))return false;var b;for(b in a);return b===w||aa.call(a,b)},isEmptyObject:function(a){for(var b in a)return false;return true},error:function(a){throw a;},parseJSON:function(a){if(typeof a!=="string"||!a)return null;a=c.trim(a);if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return A.JSON&&A.JSON.parse?A.JSON.parse(a):(new Function("return "+
|
||||
a))();else c.error("Invalid JSON: "+a)},noop:function(){},globalEval:function(a){if(a&&Va.test(a)){var b=s.getElementsByTagName("head")[0]||s.documentElement,d=s.createElement("script");d.type="text/javascript";if(c.support.scriptEval)d.appendChild(s.createTextNode(a));else d.text=a;b.insertBefore(d,b.firstChild);b.removeChild(d)}},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,b,d){var f,e=0,j=a.length,i=j===w||c.isFunction(a);if(d)if(i)for(f in a){if(b.apply(a[f],
|
||||
d)===false)break}else for(;e<j;){if(b.apply(a[e++],d)===false)break}else if(i)for(f in a){if(b.call(a[f],f,a[f])===false)break}else for(d=a[0];e<j&&b.call(d,e,d)!==false;d=a[++e]);return a},trim:function(a){return(a||"").replace(Wa,"")},makeArray:function(a,b){b=b||[];if(a!=null)a.length==null||typeof a==="string"||c.isFunction(a)||typeof a!=="function"&&a.setInterval?ba.call(b,a):c.merge(b,a);return b},inArray:function(a,b){if(b.indexOf)return b.indexOf(a);for(var d=0,f=b.length;d<f;d++)if(b[d]===
|
||||
a)return d;return-1},merge:function(a,b){var d=a.length,f=0;if(typeof b.length==="number")for(var e=b.length;f<e;f++)a[d++]=b[f];else for(;b[f]!==w;)a[d++]=b[f++];a.length=d;return a},grep:function(a,b,d){for(var f=[],e=0,j=a.length;e<j;e++)!d!==!b(a[e],e)&&f.push(a[e]);return f},map:function(a,b,d){for(var f=[],e,j=0,i=a.length;j<i;j++){e=b(a[j],j,d);if(e!=null)f[f.length]=e}return f.concat.apply([],f)},guid:1,proxy:function(a,b,d){if(arguments.length===2)if(typeof b==="string"){d=a;a=d[b];b=w}else if(b&&
|
||||
!c.isFunction(b)){d=b;b=w}if(!b&&a)b=function(){return a.apply(d||this,arguments)};if(a)b.guid=a.guid=a.guid||b.guid||c.guid++;return b},uaMatch:function(a){a=a.toLowerCase();a=/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version)?[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||!/compatible/.test(a)&&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(a)||[];return{browser:a[1]||"",version:a[2]||"0"}},browser:{}});P=c.uaMatch(P);if(P.browser){c.browser[P.browser]=true;c.browser.version=P.version}if(c.browser.webkit)c.browser.safari=
|
||||
true;if(ya)c.inArray=function(a,b){return ya.call(b,a)};T=c(s);if(s.addEventListener)L=function(){s.removeEventListener("DOMContentLoaded",L,false);c.ready()};else if(s.attachEvent)L=function(){if(s.readyState==="complete"){s.detachEvent("onreadystatechange",L);c.ready()}};(function(){c.support={};var a=s.documentElement,b=s.createElement("script"),d=s.createElement("div"),f="script"+J();d.style.display="none";d.innerHTML=" <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
|
||||
var e=d.getElementsByTagName("*"),j=d.getElementsByTagName("a")[0];if(!(!e||!e.length||!j)){c.support={leadingWhitespace:d.firstChild.nodeType===3,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/red/.test(j.getAttribute("style")),hrefNormalized:j.getAttribute("href")==="/a",opacity:/^0.55$/.test(j.style.opacity),cssFloat:!!j.style.cssFloat,checkOn:d.getElementsByTagName("input")[0].value==="on",optSelected:s.createElement("select").appendChild(s.createElement("option")).selected,
|
||||
parentNode:d.removeChild(d.appendChild(s.createElement("div"))).parentNode===null,deleteExpando:true,checkClone:false,scriptEval:false,noCloneEvent:true,boxModel:null};b.type="text/javascript";try{b.appendChild(s.createTextNode("window."+f+"=1;"))}catch(i){}a.insertBefore(b,a.firstChild);if(A[f]){c.support.scriptEval=true;delete A[f]}try{delete b.test}catch(o){c.support.deleteExpando=false}a.removeChild(b);if(d.attachEvent&&d.fireEvent){d.attachEvent("onclick",function k(){c.support.noCloneEvent=
|
||||
false;d.detachEvent("onclick",k)});d.cloneNode(true).fireEvent("onclick")}d=s.createElement("div");d.innerHTML="<input type='radio' name='radiotest' checked='checked'/>";a=s.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var k=s.createElement("div");k.style.width=k.style.paddingLeft="1px";s.body.appendChild(k);c.boxModel=c.support.boxModel=k.offsetWidth===2;s.body.removeChild(k).style.display="none"});a=function(k){var n=
|
||||
s.createElement("div");k="on"+k;var r=k in n;if(!r){n.setAttribute(k,"return;");r=typeof n[k]==="function"}return r};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=e=j=null}})();c.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"};var G="jQuery"+J(),Ya=0,za={};c.extend({cache:{},expando:G,noData:{embed:true,object:true,
|
||||
applet:true},data:function(a,b,d){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var f=a[G],e=c.cache;if(!f&&typeof b==="string"&&d===w)return null;f||(f=++Ya);if(typeof b==="object"){a[G]=f;e[f]=c.extend(true,{},b)}else if(!e[f]){a[G]=f;e[f]={}}a=e[f];if(d!==w)a[b]=d;return typeof b==="string"?a[b]:a}},removeData:function(a,b){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var d=a[G],f=c.cache,e=f[d];if(b){if(e){delete e[b];c.isEmptyObject(e)&&c.removeData(a)}}else{if(c.support.deleteExpando)delete a[c.expando];
|
||||
else a.removeAttribute&&a.removeAttribute(c.expando);delete f[d]}}}});c.fn.extend({data:function(a,b){if(typeof a==="undefined"&&this.length)return c.data(this[0]);else if(typeof a==="object")return this.each(function(){c.data(this,a)});var d=a.split(".");d[1]=d[1]?"."+d[1]:"";if(b===w){var f=this.triggerHandler("getData"+d[1]+"!",[d[0]]);if(f===w&&this.length)f=c.data(this[0],a);return f===w&&d[1]?this.data(d[0]):f}else return this.trigger("setData"+d[1]+"!",[d[0],b]).each(function(){c.data(this,
|
||||
a,b)})},removeData:function(a){return this.each(function(){c.removeData(this,a)})}});c.extend({queue:function(a,b,d){if(a){b=(b||"fx")+"queue";var f=c.data(a,b);if(!d)return f||[];if(!f||c.isArray(d))f=c.data(a,b,c.makeArray(d));else f.push(d);return f}},dequeue:function(a,b){b=b||"fx";var d=c.queue(a,b),f=d.shift();if(f==="inprogress")f=d.shift();if(f){b==="fx"&&d.unshift("inprogress");f.call(a,function(){c.dequeue(a,b)})}}});c.fn.extend({queue:function(a,b){if(typeof a!=="string"){b=a;a="fx"}if(b===
|
||||
w)return c.queue(this[0],a);return this.each(function(){var d=c.queue(this,a,b);a==="fx"&&d[0]!=="inprogress"&&c.dequeue(this,a)})},dequeue:function(a){return this.each(function(){c.dequeue(this,a)})},delay:function(a,b){a=c.fx?c.fx.speeds[a]||a:a;b=b||"fx";return this.queue(b,function(){var d=this;setTimeout(function(){c.dequeue(d,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var Aa=/[\n\t]/g,ca=/\s+/,Za=/\r/g,$a=/href|src|style/,ab=/(button|input)/i,bb=/(button|input|object|select|textarea)/i,
|
||||
cb=/^(a|area)$/i,Ba=/radio|checkbox/;c.fn.extend({attr:function(a,b){return X(this,a,b,true,c.attr)},removeAttr:function(a){return this.each(function(){c.attr(this,a,"");this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(c.isFunction(a))return this.each(function(n){var r=c(this);r.addClass(a.call(this,n,r.attr("class")))});if(a&&typeof a==="string")for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1)if(e.className){for(var j=" "+e.className+" ",
|
||||
i=e.className,o=0,k=b.length;o<k;o++)if(j.indexOf(" "+b[o]+" ")<0)i+=" "+b[o];e.className=c.trim(i)}else e.className=a}return this},removeClass:function(a){if(c.isFunction(a))return this.each(function(k){var n=c(this);n.removeClass(a.call(this,k,n.attr("class")))});if(a&&typeof a==="string"||a===w)for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1&&e.className)if(a){for(var j=(" "+e.className+" ").replace(Aa," "),i=0,o=b.length;i<o;i++)j=j.replace(" "+b[i]+" ",
|
||||
" ");e.className=c.trim(j)}else e.className=""}return this},toggleClass:function(a,b){var d=typeof a,f=typeof b==="boolean";if(c.isFunction(a))return this.each(function(e){var j=c(this);j.toggleClass(a.call(this,e,j.attr("class"),b),b)});return this.each(function(){if(d==="string")for(var e,j=0,i=c(this),o=b,k=a.split(ca);e=k[j++];){o=f?o:!i.hasClass(e);i[o?"addClass":"removeClass"](e)}else if(d==="undefined"||d==="boolean"){this.className&&c.data(this,"__className__",this.className);this.className=
|
||||
this.className||a===false?"":c.data(this,"__className__")||""}})},hasClass:function(a){a=" "+a+" ";for(var b=0,d=this.length;b<d;b++)if((" "+this[b].className+" ").replace(Aa," ").indexOf(a)>-1)return true;return false},val:function(a){if(a===w){var b=this[0];if(b){if(c.nodeName(b,"option"))return(b.attributes.value||{}).specified?b.value:b.text;if(c.nodeName(b,"select")){var d=b.selectedIndex,f=[],e=b.options;b=b.type==="select-one";if(d<0)return null;var j=b?d:0;for(d=b?d+1:e.length;j<d;j++){var i=
|
||||
e[j];if(i.selected){a=c(i).val();if(b)return a;f.push(a)}}return f}if(Ba.test(b.type)&&!c.support.checkOn)return b.getAttribute("value")===null?"on":b.value;return(b.value||"").replace(Za,"")}return w}var o=c.isFunction(a);return this.each(function(k){var n=c(this),r=a;if(this.nodeType===1){if(o)r=a.call(this,k,n.val());if(typeof r==="number")r+="";if(c.isArray(r)&&Ba.test(this.type))this.checked=c.inArray(n.val(),r)>=0;else if(c.nodeName(this,"select")){var u=c.makeArray(r);c("option",this).each(function(){this.selected=
|
||||
c.inArray(c(this).val(),u)>=0});if(!u.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true},attr:function(a,b,d,f){if(!a||a.nodeType===3||a.nodeType===8)return w;if(f&&b in c.attrFn)return c(a)[b](d);f=a.nodeType!==1||!c.isXMLDoc(a);var e=d!==w;b=f&&c.props[b]||b;if(a.nodeType===1){var j=$a.test(b);if(b in a&&f&&!j){if(e){b==="type"&&ab.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed");
|
||||
a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&&b.specified?b.value:bb.test(a.nodeName)||cb.test(a.nodeName)&&a.href?0:w;return a[b]}if(!c.support.style&&f&&b==="style"){if(e)a.style.cssText=""+d;return a.style.cssText}e&&a.setAttribute(b,""+d);a=!c.support.hrefNormalized&&f&&j?a.getAttribute(b,2):a.getAttribute(b);return a===null?w:a}return c.style(a,b,d)}});var O=/\.(.*)$/,db=function(a){return a.replace(/[^\w\s\.\|`]/g,
|
||||
function(b){return"\\"+b})};c.event={add:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){if(a.setInterval&&a!==A&&!a.frameElement)a=A;var e,j;if(d.handler){e=d;d=e.handler}if(!d.guid)d.guid=c.guid++;if(j=c.data(a)){var i=j.events=j.events||{},o=j.handle;if(!o)j.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,arguments):w};o.elem=a;b=b.split(" ");for(var k,n=0,r;k=b[n++];){j=e?c.extend({},e):{handler:d,data:f};if(k.indexOf(".")>-1){r=k.split(".");
|
||||
k=r.shift();j.namespace=r.slice(0).sort().join(".")}else{r=[];j.namespace=""}j.type=k;j.guid=d.guid;var u=i[k],z=c.event.special[k]||{};if(!u){u=i[k]=[];if(!z.setup||z.setup.call(a,f,r,o)===false)if(a.addEventListener)a.addEventListener(k,o,false);else a.attachEvent&&a.attachEvent("on"+k,o)}if(z.add){z.add.call(a,j);if(!j.handler.guid)j.handler.guid=d.guid}u.push(j);c.event.global[k]=true}a=null}}},global:{},remove:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){var e,j=0,i,o,k,n,r,u,z=c.data(a),
|
||||
C=z&&z.events;if(z&&C){if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(e in C)c.event.remove(a,e+b)}else{for(b=b.split(" ");e=b[j++];){n=e;i=e.indexOf(".")<0;o=[];if(!i){o=e.split(".");e=o.shift();k=new RegExp("(^|\\.)"+c.map(o.slice(0).sort(),db).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(r=C[e])if(d){n=c.event.special[e]||{};for(B=f||0;B<r.length;B++){u=r[B];if(d.guid===u.guid){if(i||k.test(u.namespace)){f==null&&r.splice(B--,1);n.remove&&n.remove.call(a,u)}if(f!=
|
||||
null)break}}if(r.length===0||f!=null&&r.length===1){if(!n.teardown||n.teardown.call(a,o)===false)Ca(a,e,z.handle);delete C[e]}}else for(var B=0;B<r.length;B++){u=r[B];if(i||k.test(u.namespace)){c.event.remove(a,n,u.handler,B);r.splice(B--,1)}}}if(c.isEmptyObject(C)){if(b=z.handle)b.elem=null;delete z.events;delete z.handle;c.isEmptyObject(z)&&c.removeData(a)}}}}},trigger:function(a,b,d,f){var e=a.type||a;if(!f){a=typeof a==="object"?a[G]?a:c.extend(c.Event(e),a):c.Event(e);if(e.indexOf("!")>=0){a.type=
|
||||
e=e.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[e]&&c.each(c.cache,function(){this.events&&this.events[e]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType===8)return w;a.result=w;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(f=c.data(d,"handle"))&&f.apply(d,b);f=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+e]&&d["on"+e].apply(d,b)===false)a.result=false}catch(j){}if(!a.isPropagationStopped()&&
|
||||
f)c.event.trigger(a,b,f,true);else if(!a.isDefaultPrevented()){f=a.target;var i,o=c.nodeName(f,"a")&&e==="click",k=c.event.special[e]||{};if((!k._default||k._default.call(d,a)===false)&&!o&&!(f&&f.nodeName&&c.noData[f.nodeName.toLowerCase()])){try{if(f[e]){if(i=f["on"+e])f["on"+e]=null;c.event.triggered=true;f[e]()}}catch(n){}if(i)f["on"+e]=i;c.event.triggered=false}}},handle:function(a){var b,d,f,e;a=arguments[0]=c.event.fix(a||A.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;
|
||||
if(!b){d=a.type.split(".");a.type=d.shift();f=new RegExp("(^|\\.)"+d.slice(0).sort().join("\\.(?:.*\\.)?")+"(\\.|$)")}e=c.data(this,"events");d=e[a.type];if(e&&d){d=d.slice(0);e=0;for(var j=d.length;e<j;e++){var i=d[e];if(b||f.test(i.namespace)){a.handler=i.handler;a.data=i.data;a.handleObj=i;i=i.handler.apply(this,arguments);if(i!==w){a.result=i;if(i===false){a.preventDefault();a.stopPropagation()}}if(a.isImmediatePropagationStopped())break}}}return a.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
|
||||
fix:function(a){if(a[G])return a;var b=a;a=c.Event(b);for(var d=this.props.length,f;d;){f=this.props[--d];a[f]=b[f]}if(!a.target)a.target=a.srcElement||s;if(a.target.nodeType===3)a.target=a.target.parentNode;if(!a.relatedTarget&&a.fromElement)a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;if(a.pageX==null&&a.clientX!=null){b=s.documentElement;d=s.body;a.pageX=a.clientX+(b&&b.scrollLeft||d&&d.scrollLeft||0)-(b&&b.clientLeft||d&&d.clientLeft||0);a.pageY=a.clientY+(b&&b.scrollTop||
|
||||
d&&d.scrollTop||0)-(b&&b.clientTop||d&&d.clientTop||0)}if(!a.which&&(a.charCode||a.charCode===0?a.charCode:a.keyCode))a.which=a.charCode||a.keyCode;if(!a.metaKey&&a.ctrlKey)a.metaKey=a.ctrlKey;if(!a.which&&a.button!==w)a.which=a.button&1?1:a.button&2?3:a.button&4?2:0;return a},guid:1E8,proxy:c.proxy,special:{ready:{setup:c.bindReady,teardown:c.noop},live:{add:function(a){c.event.add(this,a.origType,c.extend({},a,{handler:oa}))},remove:function(a){var b=true,d=a.origType.replace(O,"");c.each(c.data(this,
|
||||
"events").live||[],function(){if(d===this.origType.replace(O,""))return b=false});b&&c.event.remove(this,a.origType,oa)}},beforeunload:{setup:function(a,b,d){if(this.setInterval)this.onbeforeunload=d;return false},teardown:function(a,b){if(this.onbeforeunload===b)this.onbeforeunload=null}}}};var Ca=s.removeEventListener?function(a,b,d){a.removeEventListener(b,d,false)}:function(a,b,d){a.detachEvent("on"+b,d)};c.Event=function(a){if(!this.preventDefault)return new c.Event(a);if(a&&a.type){this.originalEvent=
|
||||
a;this.type=a.type}else this.type=a;this.timeStamp=J();this[G]=true};c.Event.prototype={preventDefault:function(){this.isDefaultPrevented=Z;var a=this.originalEvent;if(a){a.preventDefault&&a.preventDefault();a.returnValue=false}},stopPropagation:function(){this.isPropagationStopped=Z;var a=this.originalEvent;if(a){a.stopPropagation&&a.stopPropagation();a.cancelBubble=true}},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=Z;this.stopPropagation()},isDefaultPrevented:Y,isPropagationStopped:Y,
|
||||
isImmediatePropagationStopped:Y};var Da=function(a){var b=a.relatedTarget;try{for(;b&&b!==this;)b=b.parentNode;if(b!==this){a.type=a.data;c.event.handle.apply(this,arguments)}}catch(d){}},Ea=function(a){a.type=a.data;c.event.handle.apply(this,arguments)};c.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){c.event.special[a]={setup:function(d){c.event.add(this,b,d&&d.selector?Ea:Da,a)},teardown:function(d){c.event.remove(this,b,d&&d.selector?Ea:Da)}}});if(!c.support.submitBubbles)c.event.special.submit=
|
||||
{setup:function(){if(this.nodeName.toLowerCase()!=="form"){c.event.add(this,"click.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="submit"||d==="image")&&c(b).closest("form").length)return na("submit",this,arguments)});c.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="text"||d==="password")&&c(b).closest("form").length&&a.keyCode===13)return na("submit",this,arguments)})}else return false},teardown:function(){c.event.remove(this,".specialSubmit")}};
|
||||
if(!c.support.changeBubbles){var da=/textarea|input|select/i,ea,Fa=function(a){var b=a.type,d=a.value;if(b==="radio"||b==="checkbox")d=a.checked;else if(b==="select-multiple")d=a.selectedIndex>-1?c.map(a.options,function(f){return f.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},fa=function(a,b){var d=a.target,f,e;if(!(!da.test(d.nodeName)||d.readOnly)){f=c.data(d,"_change_data");e=Fa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",
|
||||
e);if(!(f===w||e===f))if(f!=null||e){a.type="change";return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:fa,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return fa.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return fa.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,
|
||||
"_change_data",Fa(a))}},setup:function(){if(this.type==="file")return false;for(var a in ea)c.event.add(this,a+".specialChange",ea[a]);return da.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return da.test(this.nodeName)}};ea=c.event.special.change.filters}s.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(f){f=c.event.fix(f);f.type=b;return c.event.handle.call(this,f)}c.event.special[b]={setup:function(){this.addEventListener(a,
|
||||
d,true)},teardown:function(){this.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,f,e){if(typeof d==="object"){for(var j in d)this[b](j,f,d[j],e);return this}if(c.isFunction(f)){e=f;f=w}var i=b==="one"?c.proxy(e,function(k){c(this).unbind(k,i);return e.apply(this,arguments)}):e;if(d==="unload"&&b!=="one")this.one(d,f,e);else{j=0;for(var o=this.length;j<o;j++)c.event.add(this[j],d,i,f)}return this}});c.fn.extend({unbind:function(a,b){if(typeof a==="object"&&
|
||||
!a.preventDefault)for(var d in a)this.unbind(d,a[d]);else{d=0;for(var f=this.length;d<f;d++)c.event.remove(this[d],a,b)}return this},delegate:function(a,b,d,f){return this.live(b,d,f,a)},undelegate:function(a,b,d){return arguments.length===0?this.unbind("live"):this.die(b,null,d,a)},trigger:function(a,b){return this.each(function(){c.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0]){a=c.Event(a);a.preventDefault();a.stopPropagation();c.event.trigger(a,b,this[0]);return a.result}},
|
||||
toggle:function(a){for(var b=arguments,d=1;d<b.length;)c.proxy(a,b[d++]);return this.click(c.proxy(a,function(f){var e=(c.data(this,"lastToggle"+a.guid)||0)%d;c.data(this,"lastToggle"+a.guid,e+1);f.preventDefault();return b[e].apply(this,arguments)||false}))},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var Ga={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};c.each(["live","die"],function(a,b){c.fn[b]=function(d,f,e,j){var i,o=0,k,n,r=j||this.selector,
|
||||
u=j?this:c(this.context);if(c.isFunction(f)){e=f;f=w}for(d=(d||"").split(" ");(i=d[o++])!=null;){j=O.exec(i);k="";if(j){k=j[0];i=i.replace(O,"")}if(i==="hover")d.push("mouseenter"+k,"mouseleave"+k);else{n=i;if(i==="focus"||i==="blur"){d.push(Ga[i]+k);i+=k}else i=(Ga[i]||i)+k;b==="live"?u.each(function(){c.event.add(this,pa(i,r),{data:f,selector:r,handler:e,origType:i,origHandler:e,preType:n})}):u.unbind(pa(i,r),e)}}return this}});c.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),
|
||||
function(a,b){c.fn[b]=function(d){return d?this.bind(b,d):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});A.attachEvent&&!A.addEventListener&&A.attachEvent("onunload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}});(function(){function a(g){for(var h="",l,m=0;g[m];m++){l=g[m];if(l.nodeType===3||l.nodeType===4)h+=l.nodeValue;else if(l.nodeType!==8)h+=a(l.childNodes)}return h}function b(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];
|
||||
if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1&&!p){t.sizcache=l;t.sizset=q}if(t.nodeName.toLowerCase()===h){y=t;break}t=t[g]}m[q]=y}}}function d(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1){if(!p){t.sizcache=l;t.sizset=q}if(typeof h!=="string"){if(t===h){y=true;break}}else if(k.filter(h,[t]).length>0){y=t;break}}t=t[g]}m[q]=y}}}var f=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
|
||||
e=0,j=Object.prototype.toString,i=false,o=true;[0,0].sort(function(){o=false;return 0});var k=function(g,h,l,m){l=l||[];var q=h=h||s;if(h.nodeType!==1&&h.nodeType!==9)return[];if(!g||typeof g!=="string")return l;for(var p=[],v,t,y,S,H=true,M=x(h),I=g;(f.exec(""),v=f.exec(I))!==null;){I=v[3];p.push(v[1]);if(v[2]){S=v[3];break}}if(p.length>1&&r.exec(g))if(p.length===2&&n.relative[p[0]])t=ga(p[0]+p[1],h);else for(t=n.relative[p[0]]?[h]:k(p.shift(),h);p.length;){g=p.shift();if(n.relative[g])g+=p.shift();
|
||||
t=ga(g,t)}else{if(!m&&p.length>1&&h.nodeType===9&&!M&&n.match.ID.test(p[0])&&!n.match.ID.test(p[p.length-1])){v=k.find(p.shift(),h,M);h=v.expr?k.filter(v.expr,v.set)[0]:v.set[0]}if(h){v=m?{expr:p.pop(),set:z(m)}:k.find(p.pop(),p.length===1&&(p[0]==="~"||p[0]==="+")&&h.parentNode?h.parentNode:h,M);t=v.expr?k.filter(v.expr,v.set):v.set;if(p.length>0)y=z(t);else H=false;for(;p.length;){var D=p.pop();v=D;if(n.relative[D])v=p.pop();else D="";if(v==null)v=h;n.relative[D](y,v,M)}}else y=[]}y||(y=t);y||k.error(D||
|
||||
g);if(j.call(y)==="[object Array]")if(H)if(h&&h.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&E(h,y[g])))l.push(t[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&l.push(t[g]);else l.push.apply(l,y);else z(y,l);if(S){k(S,q,l,m);k.uniqueSort(l)}return l};k.uniqueSort=function(g){if(B){i=o;g.sort(B);if(i)for(var h=1;h<g.length;h++)g[h]===g[h-1]&&g.splice(h--,1)}return g};k.matches=function(g,h){return k(g,null,null,h)};k.find=function(g,h,l){var m,q;if(!g)return[];
|
||||
for(var p=0,v=n.order.length;p<v;p++){var t=n.order[p];if(q=n.leftMatch[t].exec(g)){var y=q[1];q.splice(1,1);if(y.substr(y.length-1)!=="\\"){q[1]=(q[1]||"").replace(/\\/g,"");m=n.find[t](q,h,l);if(m!=null){g=g.replace(n.match[t],"");break}}}}m||(m=h.getElementsByTagName("*"));return{set:m,expr:g}};k.filter=function(g,h,l,m){for(var q=g,p=[],v=h,t,y,S=h&&h[0]&&x(h[0]);g&&h.length;){for(var H in n.filter)if((t=n.leftMatch[H].exec(g))!=null&&t[2]){var M=n.filter[H],I,D;D=t[1];y=false;t.splice(1,1);if(D.substr(D.length-
|
||||
1)!=="\\"){if(v===p)p=[];if(n.preFilter[H])if(t=n.preFilter[H](t,v,l,p,m,S)){if(t===true)continue}else y=I=true;if(t)for(var U=0;(D=v[U])!=null;U++)if(D){I=M(D,t,U,v);var Ha=m^!!I;if(l&&I!=null)if(Ha)y=true;else v[U]=false;else if(Ha){p.push(D);y=true}}if(I!==w){l||(v=p);g=g.replace(n.match[H],"");if(!y)return[];break}}}if(g===q)if(y==null)k.error(g);else break;q=g}return v};k.error=function(g){throw"Syntax error, unrecognized expression: "+g;};var n=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF-]|\\.)+)/,
|
||||
CLASS:/\.((?:[\w\u00c0-\uFFFF-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(g){return g.getAttribute("href")}},
|
||||
relative:{"+":function(g,h){var l=typeof h==="string",m=l&&!/\W/.test(h);l=l&&!m;if(m)h=h.toLowerCase();m=0;for(var q=g.length,p;m<q;m++)if(p=g[m]){for(;(p=p.previousSibling)&&p.nodeType!==1;);g[m]=l||p&&p.nodeName.toLowerCase()===h?p||false:p===h}l&&k.filter(h,g,true)},">":function(g,h){var l=typeof h==="string";if(l&&!/\W/.test(h)){h=h.toLowerCase();for(var m=0,q=g.length;m<q;m++){var p=g[m];if(p){l=p.parentNode;g[m]=l.nodeName.toLowerCase()===h?l:false}}}else{m=0;for(q=g.length;m<q;m++)if(p=g[m])g[m]=
|
||||
l?p.parentNode:p.parentNode===h;l&&k.filter(h,g,true)}},"":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("parentNode",h,m,g,p,l)},"~":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("previousSibling",h,m,g,p,l)}},find:{ID:function(g,h,l){if(typeof h.getElementById!=="undefined"&&!l)return(g=h.getElementById(g[1]))?[g]:[]},NAME:function(g,h){if(typeof h.getElementsByName!=="undefined"){var l=[];
|
||||
h=h.getElementsByName(g[1]);for(var m=0,q=h.length;m<q;m++)h[m].getAttribute("name")===g[1]&&l.push(h[m]);return l.length===0?null:l}},TAG:function(g,h){return h.getElementsByTagName(g[1])}},preFilter:{CLASS:function(g,h,l,m,q,p){g=" "+g[1].replace(/\\/g,"")+" ";if(p)return g;p=0;for(var v;(v=h[p])!=null;p++)if(v)if(q^(v.className&&(" "+v.className+" ").replace(/[\t\n]/g," ").indexOf(g)>=0))l||m.push(v);else if(l)h[p]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},
|
||||
CHILD:function(g){if(g[1]==="nth"){var h=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=h[1]+(h[2]||1)-0;g[3]=h[3]-0}g[0]=e++;return g},ATTR:function(g,h,l,m,q,p){h=g[1].replace(/\\/g,"");if(!p&&n.attrMap[h])g[1]=n.attrMap[h];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,h,l,m,q){if(g[1]==="not")if((f.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,h);else{g=k.filter(g[3],h,l,true^q);l||m.push.apply(m,
|
||||
g);return false}else if(n.match.POS.test(g[0])||n.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled===true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,h,l){return!!k(l[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},
|
||||
text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"===g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},
|
||||
setFilters:{first:function(g,h){return h===0},last:function(g,h,l,m){return h===m.length-1},even:function(g,h){return h%2===0},odd:function(g,h){return h%2===1},lt:function(g,h,l){return h<l[3]-0},gt:function(g,h,l){return h>l[3]-0},nth:function(g,h,l){return l[3]-0===h},eq:function(g,h,l){return l[3]-0===h}},filter:{PSEUDO:function(g,h,l,m){var q=h[1],p=n.filters[q];if(p)return p(g,l,h,m);else if(q==="contains")return(g.textContent||g.innerText||a([g])||"").indexOf(h[3])>=0;else if(q==="not"){h=
|
||||
h[3];l=0;for(m=h.length;l<m;l++)if(h[l]===g)return false;return true}else k.error("Syntax error, unrecognized expression: "+q)},CHILD:function(g,h){var l=h[1],m=g;switch(l){case "only":case "first":for(;m=m.previousSibling;)if(m.nodeType===1)return false;if(l==="first")return true;m=g;case "last":for(;m=m.nextSibling;)if(m.nodeType===1)return false;return true;case "nth":l=h[2];var q=h[3];if(l===1&&q===0)return true;h=h[0];var p=g.parentNode;if(p&&(p.sizcache!==h||!g.nodeIndex)){var v=0;for(m=p.firstChild;m;m=
|
||||
m.nextSibling)if(m.nodeType===1)m.nodeIndex=++v;p.sizcache=h}g=g.nodeIndex-q;return l===0?g===0:g%l===0&&g/l>=0}},ID:function(g,h){return g.nodeType===1&&g.getAttribute("id")===h},TAG:function(g,h){return h==="*"&&g.nodeType===1||g.nodeName.toLowerCase()===h},CLASS:function(g,h){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(h)>-1},ATTR:function(g,h){var l=h[1];g=n.attrHandle[l]?n.attrHandle[l](g):g[l]!=null?g[l]:g.getAttribute(l);l=g+"";var m=h[2];h=h[4];return g==null?m==="!=":m===
|
||||
"="?l===h:m==="*="?l.indexOf(h)>=0:m==="~="?(" "+l+" ").indexOf(h)>=0:!h?l&&g!==false:m==="!="?l!==h:m==="^="?l.indexOf(h)===0:m==="$="?l.substr(l.length-h.length)===h:m==="|="?l===h||l.substr(0,h.length+1)===h+"-":false},POS:function(g,h,l,m){var q=n.setFilters[h[2]];if(q)return q(g,l,h,m)}}},r=n.match.POS;for(var u in n.match){n.match[u]=new RegExp(n.match[u].source+/(?![^\[]*\])(?![^\(]*\))/.source);n.leftMatch[u]=new RegExp(/(^(?:.|\r|\n)*?)/.source+n.match[u].source.replace(/\\(\d+)/g,function(g,
|
||||
h){return"\\"+(h-0+1)}))}var z=function(g,h){g=Array.prototype.slice.call(g,0);if(h){h.push.apply(h,g);return h}return g};try{Array.prototype.slice.call(s.documentElement.childNodes,0)}catch(C){z=function(g,h){h=h||[];if(j.call(g)==="[object Array]")Array.prototype.push.apply(h,g);else if(typeof g.length==="number")for(var l=0,m=g.length;l<m;l++)h.push(g[l]);else for(l=0;g[l];l++)h.push(g[l]);return h}}var B;if(s.documentElement.compareDocumentPosition)B=function(g,h){if(!g.compareDocumentPosition||
|
||||
!h.compareDocumentPosition){if(g==h)i=true;return g.compareDocumentPosition?-1:1}g=g.compareDocumentPosition(h)&4?-1:g===h?0:1;if(g===0)i=true;return g};else if("sourceIndex"in s.documentElement)B=function(g,h){if(!g.sourceIndex||!h.sourceIndex){if(g==h)i=true;return g.sourceIndex?-1:1}g=g.sourceIndex-h.sourceIndex;if(g===0)i=true;return g};else if(s.createRange)B=function(g,h){if(!g.ownerDocument||!h.ownerDocument){if(g==h)i=true;return g.ownerDocument?-1:1}var l=g.ownerDocument.createRange(),m=
|
||||
h.ownerDocument.createRange();l.setStart(g,0);l.setEnd(g,0);m.setStart(h,0);m.setEnd(h,0);g=l.compareBoundaryPoints(Range.START_TO_END,m);if(g===0)i=true;return g};(function(){var g=s.createElement("div"),h="script"+(new Date).getTime();g.innerHTML="<a name='"+h+"'/>";var l=s.documentElement;l.insertBefore(g,l.firstChild);if(s.getElementById(h)){n.find.ID=function(m,q,p){if(typeof q.getElementById!=="undefined"&&!p)return(q=q.getElementById(m[1]))?q.id===m[1]||typeof q.getAttributeNode!=="undefined"&&
|
||||
q.getAttributeNode("id").nodeValue===m[1]?[q]:w:[]};n.filter.ID=function(m,q){var p=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&p&&p.nodeValue===q}}l.removeChild(g);l=g=null})();(function(){var g=s.createElement("div");g.appendChild(s.createComment(""));if(g.getElementsByTagName("*").length>0)n.find.TAG=function(h,l){l=l.getElementsByTagName(h[1]);if(h[1]==="*"){h=[];for(var m=0;l[m];m++)l[m].nodeType===1&&h.push(l[m]);l=h}return l};g.innerHTML="<a href='#'></a>";
|
||||
if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")n.attrHandle.href=function(h){return h.getAttribute("href",2)};g=null})();s.querySelectorAll&&function(){var g=k,h=s.createElement("div");h.innerHTML="<p class='TEST'></p>";if(!(h.querySelectorAll&&h.querySelectorAll(".TEST").length===0)){k=function(m,q,p,v){q=q||s;if(!v&&q.nodeType===9&&!x(q))try{return z(q.querySelectorAll(m),p)}catch(t){}return g(m,q,p,v)};for(var l in g)k[l]=g[l];h=null}}();
|
||||
(function(){var g=s.createElement("div");g.innerHTML="<div class='test e'></div><div class='test'></div>";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){n.order.splice(1,0,"CLASS");n.find.CLASS=function(h,l,m){if(typeof l.getElementsByClassName!=="undefined"&&!m)return l.getElementsByClassName(h[1])};g=null}}})();var E=s.compareDocumentPosition?function(g,h){return!!(g.compareDocumentPosition(h)&16)}:
|
||||
function(g,h){return g!==h&&(g.contains?g.contains(h):true)},x=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false},ga=function(g,h){var l=[],m="",q;for(h=h.nodeType?[h]:h;q=n.match.PSEUDO.exec(g);){m+=q[0];g=g.replace(n.match.PSEUDO,"")}g=n.relative[g]?g+"*":g;q=0;for(var p=h.length;q<p;q++)k(g,h[q],l);return k.filter(m,l)};c.find=k;c.expr=k.selectors;c.expr[":"]=c.expr.filters;c.unique=k.uniqueSort;c.text=a;c.isXMLDoc=x;c.contains=E})();var eb=/Until$/,fb=/^(?:parents|prevUntil|prevAll)/,
|
||||
gb=/,/;R=Array.prototype.slice;var Ia=function(a,b,d){if(c.isFunction(b))return c.grep(a,function(e,j){return!!b.call(e,j,e)===d});else if(b.nodeType)return c.grep(a,function(e){return e===b===d});else if(typeof b==="string"){var f=c.grep(a,function(e){return e.nodeType===1});if(Ua.test(b))return c.filter(b,f,!d);else b=c.filter(b,f)}return c.grep(a,function(e){return c.inArray(e,b)>=0===d})};c.fn.extend({find:function(a){for(var b=this.pushStack("","find",a),d=0,f=0,e=this.length;f<e;f++){d=b.length;
|
||||
c.find(a,this[f],b);if(f>0)for(var j=d;j<b.length;j++)for(var i=0;i<d;i++)if(b[i]===b[j]){b.splice(j--,1);break}}return b},has:function(a){var b=c(a);return this.filter(function(){for(var d=0,f=b.length;d<f;d++)if(c.contains(this,b[d]))return true})},not:function(a){return this.pushStack(Ia(this,a,false),"not",a)},filter:function(a){return this.pushStack(Ia(this,a,true),"filter",a)},is:function(a){return!!a&&c.filter(a,this).length>0},closest:function(a,b){if(c.isArray(a)){var d=[],f=this[0],e,j=
|
||||
{},i;if(f&&a.length){e=0;for(var o=a.length;e<o;e++){i=a[e];j[i]||(j[i]=c.expr.match.POS.test(i)?c(i,b||this.context):i)}for(;f&&f.ownerDocument&&f!==b;){for(i in j){e=j[i];if(e.jquery?e.index(f)>-1:c(f).is(e)){d.push({selector:i,elem:f});delete j[i]}}f=f.parentNode}}return d}var k=c.expr.match.POS.test(a)?c(a,b||this.context):null;return this.map(function(n,r){for(;r&&r.ownerDocument&&r!==b;){if(k?k.index(r)>-1:c(r).is(a))return r;r=r.parentNode}return null})},index:function(a){if(!a||typeof a===
|
||||
"string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){a=typeof a==="string"?c(a,b||this.context):c.makeArray(a);b=c.merge(this.get(),a);return this.pushStack(qa(a[0])||qa(b[0])?b:c.unique(b))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",
|
||||
d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a,2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?
|
||||
a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a,b){c.fn[a]=function(d,f){var e=c.map(this,b,d);eb.test(a)||(f=d);if(f&&typeof f==="string")e=c.filter(f,e);e=this.length>1?c.unique(e):e;if((this.length>1||gb.test(f))&&fb.test(a))e=e.reverse();return this.pushStack(e,a,R.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return c.find.matches(a,b)},dir:function(a,b,d){var f=[];for(a=a[b];a&&a.nodeType!==9&&(d===w||a.nodeType!==1||!c(a).is(d));){a.nodeType===
|
||||
1&&f.push(a);a=a[b]}return f},nth:function(a,b,d){b=b||1;for(var f=0;a;a=a[d])if(a.nodeType===1&&++f===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var Ja=/ jQuery\d+="(?:\d+|null)"/g,V=/^\s+/,Ka=/(<([\w:]+)[^>]*?)\/>/g,hb=/^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i,La=/<([\w:]+)/,ib=/<tbody/i,jb=/<|&#?\w+;/,ta=/<script|<object|<embed|<option|<style/i,ua=/checked\s*(?:[^=]|=\s*.checked.)/i,Ma=function(a,b,d){return hb.test(d)?
|
||||
a:b+"></"+d+">"},F={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};F.optgroup=F.option;F.tbody=F.tfoot=F.colgroup=F.caption=F.thead;F.th=F.td;if(!c.support.htmlSerialize)F._default=[1,"div<div>","</div>"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=
|
||||
c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==w)return this.empty().append((this[0]&&this[0].ownerDocument||s).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},
|
||||
wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
|
||||
prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,
|
||||
this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,f;(f=this[d])!=null;d++)if(!a||c.filter(a,[f]).length){if(!b&&f.nodeType===1){c.cleanData(f.getElementsByTagName("*"));c.cleanData([f])}f.parentNode&&f.parentNode.removeChild(f)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);
|
||||
return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,f=this.ownerDocument;if(!d){d=f.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(Ja,"").replace(/=([^="'>\s]+\/)>/g,'="$1">').replace(V,"")],f)[0]}else return this.cloneNode(true)});if(a===true){ra(this,b);ra(this.find("*"),b.find("*"))}return b},html:function(a){if(a===w)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(Ja,
|
||||
""):null;else if(typeof a==="string"&&!ta.test(a)&&(c.support.leadingWhitespace||!V.test(a))&&!F[(La.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Ka,Ma);try{for(var b=0,d=this.length;b<d;b++)if(this[b].nodeType===1){c.cleanData(this[b].getElementsByTagName("*"));this[b].innerHTML=a}}catch(f){this.empty().append(a)}}else c.isFunction(a)?this.each(function(e){var j=c(this),i=j.html();j.empty().append(function(){return a.call(this,e,i)})}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&
|
||||
this[0].parentNode){if(c.isFunction(a))return this.each(function(b){var d=c(this),f=d.html();d.replaceWith(a.call(this,b,f))});if(typeof a!=="string")a=c(a).detach();return this.each(function(){var b=this.nextSibling,d=this.parentNode;c(this).remove();b?c(b).before(a):c(d).append(a)})}else return this.pushStack(c(c.isFunction(a)?a():a),"replaceWith",a)},detach:function(a){return this.remove(a,true)},domManip:function(a,b,d){function f(u){return c.nodeName(u,"table")?u.getElementsByTagName("tbody")[0]||
|
||||
u.appendChild(u.ownerDocument.createElement("tbody")):u}var e,j,i=a[0],o=[],k;if(!c.support.checkClone&&arguments.length===3&&typeof i==="string"&&ua.test(i))return this.each(function(){c(this).domManip(a,b,d,true)});if(c.isFunction(i))return this.each(function(u){var z=c(this);a[0]=i.call(this,u,b?z.html():w);z.domManip(a,b,d)});if(this[0]){e=i&&i.parentNode;e=c.support.parentNode&&e&&e.nodeType===11&&e.childNodes.length===this.length?{fragment:e}:sa(a,this,o);k=e.fragment;if(j=k.childNodes.length===
|
||||
1?(k=k.firstChild):k.firstChild){b=b&&c.nodeName(j,"tr");for(var n=0,r=this.length;n<r;n++)d.call(b?f(this[n],j):this[n],n>0||e.cacheable||this.length>1?k.cloneNode(true):k)}o.length&&c.each(o,Qa)}return this}});c.fragments={};c.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var f=[];d=c(d);var e=this.length===1&&this[0].parentNode;if(e&&e.nodeType===11&&e.childNodes.length===1&&d.length===1){d[b](this[0]);
|
||||
return this}else{e=0;for(var j=d.length;e<j;e++){var i=(e>0?this.clone(true):this).get();c.fn[b].apply(c(d[e]),i);f=f.concat(i)}return this.pushStack(f,a,d.selector)}}});c.extend({clean:function(a,b,d,f){b=b||s;if(typeof b.createElement==="undefined")b=b.ownerDocument||b[0]&&b[0].ownerDocument||s;for(var e=[],j=0,i;(i=a[j])!=null;j++){if(typeof i==="number")i+="";if(i){if(typeof i==="string"&&!jb.test(i))i=b.createTextNode(i);else if(typeof i==="string"){i=i.replace(Ka,Ma);var o=(La.exec(i)||["",
|
||||
""])[1].toLowerCase(),k=F[o]||F._default,n=k[0],r=b.createElement("div");for(r.innerHTML=k[1]+i+k[2];n--;)r=r.lastChild;if(!c.support.tbody){n=ib.test(i);o=o==="table"&&!n?r.firstChild&&r.firstChild.childNodes:k[1]==="<table>"&&!n?r.childNodes:[];for(k=o.length-1;k>=0;--k)c.nodeName(o[k],"tbody")&&!o[k].childNodes.length&&o[k].parentNode.removeChild(o[k])}!c.support.leadingWhitespace&&V.test(i)&&r.insertBefore(b.createTextNode(V.exec(i)[0]),r.firstChild);i=r.childNodes}if(i.nodeType)e.push(i);else e=
|
||||
c.merge(e,i)}}if(d)for(j=0;e[j];j++)if(f&&c.nodeName(e[j],"script")&&(!e[j].type||e[j].type.toLowerCase()==="text/javascript"))f.push(e[j].parentNode?e[j].parentNode.removeChild(e[j]):e[j]);else{e[j].nodeType===1&&e.splice.apply(e,[j+1,0].concat(c.makeArray(e[j].getElementsByTagName("script"))));d.appendChild(e[j])}return e},cleanData:function(a){for(var b,d,f=c.cache,e=c.event.special,j=c.support.deleteExpando,i=0,o;(o=a[i])!=null;i++)if(d=o[c.expando]){b=f[d];if(b.events)for(var k in b.events)e[k]?
|
||||
c.event.remove(o,k):Ca(o,k,b.handle);if(j)delete o[c.expando];else o.removeAttribute&&o.removeAttribute(c.expando);delete f[d]}}});var kb=/z-?index|font-?weight|opacity|zoom|line-?height/i,Na=/alpha\([^)]*\)/,Oa=/opacity=([^)]*)/,ha=/float/i,ia=/-([a-z])/ig,lb=/([A-Z])/g,mb=/^-?\d+(?:px)?$/i,nb=/^-?\d/,ob={position:"absolute",visibility:"hidden",display:"block"},pb=["Left","Right"],qb=["Top","Bottom"],rb=s.defaultView&&s.defaultView.getComputedStyle,Pa=c.support.cssFloat?"cssFloat":"styleFloat",ja=
|
||||
function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){return X(this,a,b,true,function(d,f,e){if(e===w)return c.curCSS(d,f);if(typeof e==="number"&&!kb.test(f))e+="px";c.style(d,f,e)})};c.extend({style:function(a,b,d){if(!a||a.nodeType===3||a.nodeType===8)return w;if((b==="width"||b==="height")&&parseFloat(d)<0)d=w;var f=a.style||a,e=d!==w;if(!c.support.opacity&&b==="opacity"){if(e){f.zoom=1;b=parseInt(d,10)+""==="NaN"?"":"alpha(opacity="+d*100+")";a=f.filter||c.curCSS(a,"filter")||"";f.filter=
|
||||
Na.test(a)?a.replace(Na,b):b}return f.filter&&f.filter.indexOf("opacity=")>=0?parseFloat(Oa.exec(f.filter)[1])/100+"":""}if(ha.test(b))b=Pa;b=b.replace(ia,ja);if(e)f[b]=d;return f[b]},css:function(a,b,d,f){if(b==="width"||b==="height"){var e,j=b==="width"?pb:qb;function i(){e=b==="width"?a.offsetWidth:a.offsetHeight;f!=="border"&&c.each(j,function(){f||(e-=parseFloat(c.curCSS(a,"padding"+this,true))||0);if(f==="margin")e+=parseFloat(c.curCSS(a,"margin"+this,true))||0;else e-=parseFloat(c.curCSS(a,
|
||||
"border"+this+"Width",true))||0})}a.offsetWidth!==0?i():c.swap(a,ob,i);return Math.max(0,Math.round(e))}return c.curCSS(a,b,d)},curCSS:function(a,b,d){var f,e=a.style;if(!c.support.opacity&&b==="opacity"&&a.currentStyle){f=Oa.test(a.currentStyle.filter||"")?parseFloat(RegExp.$1)/100+"":"";return f===""?"1":f}if(ha.test(b))b=Pa;if(!d&&e&&e[b])f=e[b];else if(rb){if(ha.test(b))b="float";b=b.replace(lb,"-$1").toLowerCase();e=a.ownerDocument.defaultView;if(!e)return null;if(a=e.getComputedStyle(a,null))f=
|
||||
a.getPropertyValue(b);if(b==="opacity"&&f==="")f="1"}else if(a.currentStyle){d=b.replace(ia,ja);f=a.currentStyle[b]||a.currentStyle[d];if(!mb.test(f)&&nb.test(f)){b=e.left;var j=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;e.left=d==="fontSize"?"1em":f||0;f=e.pixelLeft+"px";e.left=b;a.runtimeStyle.left=j}}return f},swap:function(a,b,d){var f={};for(var e in b){f[e]=a.style[e];a.style[e]=b[e]}d.call(a);for(e in b)a.style[e]=f[e]}});if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=
|
||||
a.offsetWidth,d=a.offsetHeight,f=a.nodeName.toLowerCase()==="tr";return b===0&&d===0&&!f?true:b>0&&d>0&&!f?false:c.curCSS(a,"display")==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var sb=J(),tb=/<script(.|\s)*?\/script>/gi,ub=/select|textarea/i,vb=/color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week/i,N=/=\?(&|$)/,ka=/\?/,wb=/(\?|&)_=.*?(&|$)/,xb=/^(\w+:)?\/\/([^\/?#]+)/,yb=/%20/g,zb=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!==
|
||||
"string")return zb.call(this,a);else if(!this.length)return this;var f=a.indexOf(" ");if(f>=0){var e=a.slice(f,a.length);a=a.slice(0,f)}f="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b==="object"){b=c.param(b,c.ajaxSettings.traditional);f="POST"}var j=this;c.ajax({url:a,type:f,dataType:"html",data:b,complete:function(i,o){if(o==="success"||o==="notmodified")j.html(e?c("<div />").append(i.responseText.replace(tb,"")).find(e):i.responseText);d&&j.each(d,[i.responseText,o,i])}});return this},
|
||||
serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||ub.test(this.nodeName)||vb.test(this.type))}).map(function(a,b){a=c(this).val();return a==null?null:c.isArray(a)?c.map(a,function(d){return{name:b.name,value:d}}):{name:b.name,value:a}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),
|
||||
function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:f})},getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:f})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,
|
||||
global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:A.XMLHttpRequest&&(A.location.protocol!=="file:"||!A.ActiveXObject)?function(){return new A.XMLHttpRequest}:function(){try{return new A.ActiveXObject("Microsoft.XMLHTTP")}catch(a){}},accepts:{xml:"application/xml, text/xml",html:"text/html",script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},lastModified:{},etag:{},ajax:function(a){function b(){e.success&&
|
||||
e.success.call(k,o,i,x);e.global&&f("ajaxSuccess",[x,e])}function d(){e.complete&&e.complete.call(k,x,i);e.global&&f("ajaxComplete",[x,e]);e.global&&!--c.active&&c.event.trigger("ajaxStop")}function f(q,p){(e.context?c(e.context):c.event).trigger(q,p)}var e=c.extend(true,{},c.ajaxSettings,a),j,i,o,k=a&&a.context||e,n=e.type.toUpperCase();if(e.data&&e.processData&&typeof e.data!=="string")e.data=c.param(e.data,e.traditional);if(e.dataType==="jsonp"){if(n==="GET")N.test(e.url)||(e.url+=(ka.test(e.url)?
|
||||
"&":"?")+(e.jsonp||"callback")+"=?");else if(!e.data||!N.test(e.data))e.data=(e.data?e.data+"&":"")+(e.jsonp||"callback")+"=?";e.dataType="json"}if(e.dataType==="json"&&(e.data&&N.test(e.data)||N.test(e.url))){j=e.jsonpCallback||"jsonp"+sb++;if(e.data)e.data=(e.data+"").replace(N,"="+j+"$1");e.url=e.url.replace(N,"="+j+"$1");e.dataType="script";A[j]=A[j]||function(q){o=q;b();d();A[j]=w;try{delete A[j]}catch(p){}z&&z.removeChild(C)}}if(e.dataType==="script"&&e.cache===null)e.cache=false;if(e.cache===
|
||||
false&&n==="GET"){var r=J(),u=e.url.replace(wb,"$1_="+r+"$2");e.url=u+(u===e.url?(ka.test(e.url)?"&":"?")+"_="+r:"")}if(e.data&&n==="GET")e.url+=(ka.test(e.url)?"&":"?")+e.data;e.global&&!c.active++&&c.event.trigger("ajaxStart");r=(r=xb.exec(e.url))&&(r[1]&&r[1]!==location.protocol||r[2]!==location.host);if(e.dataType==="script"&&n==="GET"&&r){var z=s.getElementsByTagName("head")[0]||s.documentElement,C=s.createElement("script");C.src=e.url;if(e.scriptCharset)C.charset=e.scriptCharset;if(!j){var B=
|
||||
false;C.onload=C.onreadystatechange=function(){if(!B&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){B=true;b();d();C.onload=C.onreadystatechange=null;z&&C.parentNode&&z.removeChild(C)}}}z.insertBefore(C,z.firstChild);return w}var E=false,x=e.xhr();if(x){e.username?x.open(n,e.url,e.async,e.username,e.password):x.open(n,e.url,e.async);try{if(e.data||a&&a.contentType)x.setRequestHeader("Content-Type",e.contentType);if(e.ifModified){c.lastModified[e.url]&&x.setRequestHeader("If-Modified-Since",
|
||||
c.lastModified[e.url]);c.etag[e.url]&&x.setRequestHeader("If-None-Match",c.etag[e.url])}r||x.setRequestHeader("X-Requested-With","XMLHttpRequest");x.setRequestHeader("Accept",e.dataType&&e.accepts[e.dataType]?e.accepts[e.dataType]+", */*":e.accepts._default)}catch(ga){}if(e.beforeSend&&e.beforeSend.call(k,x,e)===false){e.global&&!--c.active&&c.event.trigger("ajaxStop");x.abort();return false}e.global&&f("ajaxSend",[x,e]);var g=x.onreadystatechange=function(q){if(!x||x.readyState===0||q==="abort"){E||
|
||||
d();E=true;if(x)x.onreadystatechange=c.noop}else if(!E&&x&&(x.readyState===4||q==="timeout")){E=true;x.onreadystatechange=c.noop;i=q==="timeout"?"timeout":!c.httpSuccess(x)?"error":e.ifModified&&c.httpNotModified(x,e.url)?"notmodified":"success";var p;if(i==="success")try{o=c.httpData(x,e.dataType,e)}catch(v){i="parsererror";p=v}if(i==="success"||i==="notmodified")j||b();else c.handleError(e,x,i,p);d();q==="timeout"&&x.abort();if(e.async)x=null}};try{var h=x.abort;x.abort=function(){x&&h.call(x);
|
||||
g("abort")}}catch(l){}e.async&&e.timeout>0&&setTimeout(function(){x&&!E&&g("timeout")},e.timeout);try{x.send(n==="POST"||n==="PUT"||n==="DELETE"?e.data:null)}catch(m){c.handleError(e,x,null,m);d()}e.async||g();return x}},handleError:function(a,b,d,f){if(a.error)a.error.call(a.context||a,b,d,f);if(a.global)(a.context?c(a.context):c.event).trigger("ajaxError",[b,a,f])},active:0,httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===
|
||||
1223||a.status===0}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"),f=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(f)c.etag[b]=f;return a.status===304||a.status===0},httpData:function(a,b,d){var f=a.getResponseHeader("content-type")||"",e=b==="xml"||!b&&f.indexOf("xml")>=0;a=e?a.responseXML:a.responseText;e&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b===
|
||||
"json"||!b&&f.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&f.indexOf("javascript")>=0)c.globalEval(a);return a},param:function(a,b){function d(i,o){if(c.isArray(o))c.each(o,function(k,n){b||/\[\]$/.test(i)?f(i,n):d(i+"["+(typeof n==="object"||c.isArray(n)?k:"")+"]",n)});else!b&&o!=null&&typeof o==="object"?c.each(o,function(k,n){d(i+"["+k+"]",n)}):f(i,o)}function f(i,o){o=c.isFunction(o)?o():o;e[e.length]=encodeURIComponent(i)+"="+encodeURIComponent(o)}var e=[];if(b===w)b=c.ajaxSettings.traditional;
|
||||
if(c.isArray(a)||a.jquery)c.each(a,function(){f(this.name,this.value)});else for(var j in a)d(j,a[j]);return e.join("&").replace(yb,"+")}});var la={},Ab=/toggle|show|hide/,Bb=/^([+-]=)?([\d+-.]+)(.*)$/,W,va=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b){if(a||a===0)return this.animate(K("show",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");
|
||||
this[a].style.display=d||"";if(c.css(this[a],"display")==="none"){d=this[a].nodeName;var f;if(la[d])f=la[d];else{var e=c("<"+d+" />").appendTo("body");f=e.css("display");if(f==="none")f="block";e.remove();la[d]=f}c.data(this[a],"olddisplay",f)}}a=0;for(b=this.length;a<b;a++)this[a].style.display=c.data(this[a],"olddisplay")||"";return this}},hide:function(a,b){if(a||a===0)return this.animate(K("hide",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");!d&&d!=="none"&&c.data(this[a],
|
||||
"olddisplay",c.css(this[a],"display"))}a=0;for(b=this.length;a<b;a++)this[a].style.display="none";return this}},_toggle:c.fn.toggle,toggle:function(a,b){var d=typeof a==="boolean";if(c.isFunction(a)&&c.isFunction(b))this._toggle.apply(this,arguments);else a==null||d?this.each(function(){var f=d?a:c(this).is(":hidden");c(this)[f?"show":"hide"]()}):this.animate(K("toggle",3),a,b);return this},fadeTo:function(a,b,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,d)},
|
||||
animate:function(a,b,d,f){var e=c.speed(b,d,f);if(c.isEmptyObject(a))return this.each(e.complete);return this[e.queue===false?"each":"queue"](function(){var j=c.extend({},e),i,o=this.nodeType===1&&c(this).is(":hidden"),k=this;for(i in a){var n=i.replace(ia,ja);if(i!==n){a[n]=a[i];delete a[i];i=n}if(a[i]==="hide"&&o||a[i]==="show"&&!o)return j.complete.call(this);if((i==="height"||i==="width")&&this.style){j.display=c.css(this,"display");j.overflow=this.style.overflow}if(c.isArray(a[i])){(j.specialEasing=
|
||||
j.specialEasing||{})[i]=a[i][1];a[i]=a[i][0]}}if(j.overflow!=null)this.style.overflow="hidden";j.curAnim=c.extend({},a);c.each(a,function(r,u){var z=new c.fx(k,j,r);if(Ab.test(u))z[u==="toggle"?o?"show":"hide":u](a);else{var C=Bb.exec(u),B=z.cur(true)||0;if(C){u=parseFloat(C[2]);var E=C[3]||"px";if(E!=="px"){k.style[r]=(u||1)+E;B=(u||1)/z.cur(true)*B;k.style[r]=B+E}if(C[1])u=(C[1]==="-="?-1:1)*u+B;z.custom(B,u,E)}else z.custom(B,u,"")}});return true})},stop:function(a,b){var d=c.timers;a&&this.queue([]);
|
||||
this.each(function(){for(var f=d.length-1;f>=0;f--)if(d[f].elem===this){b&&d[f](true);d.splice(f,1)}});b||this.dequeue();return this}});c.each({slideDown:K("show",1),slideUp:K("hide",1),slideToggle:K("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(a,b){c.fn[a]=function(d,f){return this.animate(b,d,f)}});c.extend({speed:function(a,b,d){var f=a&&typeof a==="object"?a:{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};f.duration=c.fx.off?0:typeof f.duration===
|
||||
"number"?f.duration:c.fx.speeds[f.duration]||c.fx.speeds._default;f.old=f.complete;f.complete=function(){f.queue!==false&&c(this).dequeue();c.isFunction(f.old)&&f.old.call(this)};return f},easing:{linear:function(a,b,d,f){return d+f*a},swing:function(a,b,d,f){return(-Math.cos(a*Math.PI)/2+0.5)*f+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||
|
||||
c.fx.step._default)(this);if((this.prop==="height"||this.prop==="width")&&this.elem.style)this.elem.style.display="block"},cur:function(a){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];return(a=parseFloat(c.css(this.elem,this.prop,a)))&&a>-10000?a:parseFloat(c.curCSS(this.elem,this.prop))||0},custom:function(a,b,d){function f(j){return e.step(j)}this.startTime=J();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;
|
||||
this.pos=this.state=0;var e=this;f.elem=this.elem;if(f()&&c.timers.push(f)&&!W)W=setInterval(c.fx.tick,13)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true;this.custom(this.cur(),0)},step:function(a){var b=J(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=
|
||||
this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var f in this.options.curAnim)if(this.options.curAnim[f]!==true)d=false;if(d){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;a=c.data(this.elem,"olddisplay");this.elem.style.display=a?a:this.options.display;if(c.css(this.elem,"display")==="none")this.elem.style.display="block"}this.options.hide&&c(this.elem).hide();if(this.options.hide||this.options.show)for(var e in this.options.curAnim)c.style(this.elem,
|
||||
e,this.options.orig[e]);this.options.complete.call(this.elem)}return false}else{e=b-this.startTime;this.state=e/this.options.duration;a=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||a](this.state,e,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a=c.timers,b=0;b<a.length;b++)a[b]()||a.splice(b--,1);a.length||
|
||||
c.fx.stop()},stop:function(){clearInterval(W);W=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){c.style(a.elem,"opacity",a.now)},_default:function(a){if(a.elem.style&&a.elem.style[a.prop]!=null)a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit;else a.elem[a.prop]=a.now}}});if(c.expr&&c.expr.filters)c.expr.filters.animated=function(a){return c.grep(c.timers,function(b){return a===b.elem}).length};c.fn.offset="getBoundingClientRect"in s.documentElement?
|
||||
function(a){var b=this[0];if(a)return this.each(function(e){c.offset.setOffset(this,a,e)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);var d=b.getBoundingClientRect(),f=b.ownerDocument;b=f.body;f=f.documentElement;return{top:d.top+(self.pageYOffset||c.support.boxModel&&f.scrollTop||b.scrollTop)-(f.clientTop||b.clientTop||0),left:d.left+(self.pageXOffset||c.support.boxModel&&f.scrollLeft||b.scrollLeft)-(f.clientLeft||b.clientLeft||0)}}:function(a){var b=
|
||||
this[0];if(a)return this.each(function(r){c.offset.setOffset(this,a,r)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);c.offset.initialize();var d=b.offsetParent,f=b,e=b.ownerDocument,j,i=e.documentElement,o=e.body;f=(e=e.defaultView)?e.getComputedStyle(b,null):b.currentStyle;for(var k=b.offsetTop,n=b.offsetLeft;(b=b.parentNode)&&b!==o&&b!==i;){if(c.offset.supportsFixedPosition&&f.position==="fixed")break;j=e?e.getComputedStyle(b,null):b.currentStyle;
|
||||
k-=b.scrollTop;n-=b.scrollLeft;if(b===d){k+=b.offsetTop;n+=b.offsetLeft;if(c.offset.doesNotAddBorder&&!(c.offset.doesAddBorderForTableAndCells&&/^t(able|d|h)$/i.test(b.nodeName))){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=d;d=b.offsetParent}if(c.offset.subtractsBorderForOverflowNotVisible&&j.overflow!=="visible"){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=j}if(f.position==="relative"||f.position==="static"){k+=o.offsetTop;n+=o.offsetLeft}if(c.offset.supportsFixedPosition&&
|
||||
f.position==="fixed"){k+=Math.max(i.scrollTop,o.scrollTop);n+=Math.max(i.scrollLeft,o.scrollLeft)}return{top:k,left:n}};c.offset={initialize:function(){var a=s.body,b=s.createElement("div"),d,f,e,j=parseFloat(c.curCSS(a,"marginTop",true))||0;c.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"});b.innerHTML="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
|
||||
a.insertBefore(b,a.firstChild);d=b.firstChild;f=d.firstChild;e=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=f.offsetTop!==5;this.doesAddBorderForTableAndCells=e.offsetTop===5;f.style.position="fixed";f.style.top="20px";this.supportsFixedPosition=f.offsetTop===20||f.offsetTop===15;f.style.position=f.style.top="";d.style.overflow="hidden";d.style.position="relative";this.subtractsBorderForOverflowNotVisible=f.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==j;a.removeChild(b);
|
||||
c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.curCSS(a,"marginTop",true))||0;d+=parseFloat(c.curCSS(a,"marginLeft",true))||0}return{top:b,left:d}},setOffset:function(a,b,d){if(/static/.test(c.curCSS(a,"position")))a.style.position="relative";var f=c(a),e=f.offset(),j=parseInt(c.curCSS(a,"top",true),10)||0,i=parseInt(c.curCSS(a,"left",true),10)||0;if(c.isFunction(b))b=b.call(a,
|
||||
d,e);d={top:b.top-e.top+j,left:b.left-e.left+i};"using"in b?b.using.call(a,d):f.css(d)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),f=/^body|html$/i.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.curCSS(a,"marginTop",true))||0;d.left-=parseFloat(c.curCSS(a,"marginLeft",true))||0;f.top+=parseFloat(c.curCSS(b[0],"borderTopWidth",true))||0;f.left+=parseFloat(c.curCSS(b[0],"borderLeftWidth",true))||0;return{top:d.top-
|
||||
f.top,left:d.left-f.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||s.body;a&&!/^body|html$/i.test(a.nodeName)&&c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(f){var e=this[0],j;if(!e)return null;if(f!==w)return this.each(function(){if(j=wa(this))j.scrollTo(!a?f:c(j).scrollLeft(),a?f:c(j).scrollTop());else this[d]=f});else return(j=wa(e))?"pageXOffset"in j?j[a?"pageYOffset":
|
||||
"pageXOffset"]:c.support.boxModel&&j.document.documentElement[d]||j.document.body[d]:e[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase();c.fn["inner"+b]=function(){return this[0]?c.css(this[0],d,false,"padding"):null};c.fn["outer"+b]=function(f){return this[0]?c.css(this[0],d,false,f?"margin":"border"):null};c.fn[d]=function(f){var e=this[0];if(!e)return f==null?null:this;if(c.isFunction(f))return this.each(function(j){var i=c(this);i[d](f.call(this,j,i[d]()))});return"scrollTo"in
|
||||
e&&e.document?e.document.compatMode==="CSS1Compat"&&e.document.documentElement["client"+b]||e.document.body["client"+b]:e.nodeType===9?Math.max(e.documentElement["client"+b],e.body["scroll"+b],e.documentElement["scroll"+b],e.body["offset"+b],e.documentElement["offset"+b]):f===w?c.css(e,d):this.css(d,typeof f==="string"?f:f+"px")}});A.jQuery=A.$=c})(window);
|
1057
fnf2014/newfront/js/jsor-jcarousel-7bb2e0a/lib/jquery.jcarousel.js
Normal file
16
fnf2014/newfront/js/jsor-jcarousel-7bb2e0a/lib/jquery.jcarousel.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
Button images copyright by Microsoft Corporation (http://microsoft.com)
|
After Width: | Height: | Size: 3.2 KiB |
BIN
fnf2014/newfront/js/jsor-jcarousel-7bb2e0a/skins/ie7/loading.gif
Normal file
After Width: | Height: | Size: 8.1 KiB |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 3.4 KiB |
After Width: | Height: | Size: 3.4 KiB |
190
fnf2014/newfront/js/jsor-jcarousel-7bb2e0a/skins/ie7/skin.css
Normal file
@@ -0,0 +1,190 @@
|
||||
.jcarousel-skin-ie7 .jcarousel-container {
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
background: #D4D0C8;
|
||||
border: 1px solid #808080;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-direction-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-container-horizontal {
|
||||
width: 245px;
|
||||
padding: 20px 40px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-container-vertical {
|
||||
width: 75px;
|
||||
height: 245px;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-clip {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
|
||||
width: 245px;
|
||||
height: 77px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-clip-vertical {
|
||||
width: 77px;
|
||||
height: 245px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-item {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-item:hover,
|
||||
.jcarousel-skin-ie7 .jcarousel-item:focus {
|
||||
border-color: #808080;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-item-horizontal {
|
||||
margin-left: 0;
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
|
||||
margin-left: 7px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-item-vertical {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-item-placeholder {
|
||||
}
|
||||
|
||||
/**
|
||||
* Horizontal Buttons
|
||||
*/
|
||||
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
|
||||
position: absolute;
|
||||
top: 43px;
|
||||
right: 5px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(next-horizontal.gif) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
|
||||
left: 5px;
|
||||
right: auto;
|
||||
background-image: url(prev-horizontal.gif);
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover,
|
||||
.jcarousel-skin-ie7 .jcarousel-next-horizontal:focus {
|
||||
background-position: -32px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
|
||||
background-position: -64px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
|
||||
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
|
||||
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:focus,
|
||||
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
|
||||
cursor: default;
|
||||
background-position: -96px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
|
||||
position: absolute;
|
||||
top: 43px;
|
||||
left: 5px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(prev-horizontal.gif) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
|
||||
left: auto;
|
||||
right: 5px;
|
||||
background-image: url(next-horizontal.gif);
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:focus {
|
||||
background-position: -32px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
|
||||
background-position: -64px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:focus,
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
|
||||
cursor: default;
|
||||
background-position: -96px 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Vertical Buttons
|
||||
*/
|
||||
.jcarousel-skin-ie7 .jcarousel-next-vertical {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 43px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(next-vertical.gif) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-next-vertical:hover,
|
||||
.jcarousel-skin-ie7 .jcarousel-next-vertical:focus {
|
||||
background-position: 0 -32px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
|
||||
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
|
||||
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:focus,
|
||||
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
|
||||
cursor: default;
|
||||
background-position: 0 -96px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-vertical {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 43px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(prev-vertical.gif) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover,
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-vertical:focus {
|
||||
background-position: 0 -32px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:focus,
|
||||
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
|
||||
cursor: default;
|
||||
background-position: 0 -96px;
|
||||
}
|
@@ -0,0 +1 @@
|
||||
Button images copyright by Tango Icon Library Team (http://tango.freedesktop.org/Tango_Icon_Library)
|
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 4.2 KiB |
After Width: | Height: | Size: 3.9 KiB |
190
fnf2014/newfront/js/jsor-jcarousel-7bb2e0a/skins/tango/skin.css
Normal file
@@ -0,0 +1,190 @@
|
||||
.jcarousel-skin-tango .jcarousel-container {
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-container-horizontal {
|
||||
width: 960px;
|
||||
height: 300px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-container-vertical {
|
||||
width: 960px;
|
||||
height: 300px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-clip {
|
||||
width: 960px;
|
||||
height: 300px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-clip-horizontal {
|
||||
width: 960px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-clip-vertical {
|
||||
width: 960px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item {
|
||||
width: 960px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item-horizontal {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item-vertical {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item-placeholder {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Horizontal Buttons
|
||||
*/
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal {
|
||||
position: absolute;
|
||||
z-index:350;
|
||||
top: 120px;
|
||||
right: 20px;
|
||||
width: 32px;
|
||||
height: 52px;
|
||||
cursor: pointer;
|
||||
background: transparent url(next-horizontal.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
|
||||
left: 5px;
|
||||
right: auto;
|
||||
background-image: url(prev-horizontal.png);
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
|
||||
background-position: -32px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
|
||||
background-position: -64px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
|
||||
cursor: default;
|
||||
background-position: -96px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal {
|
||||
position: relative;
|
||||
z-index:350;
|
||||
top: -180px;
|
||||
right: 445px;
|
||||
width: 32px;
|
||||
height: 52px;
|
||||
cursor: pointer;
|
||||
background: transparent url(prev-horizontal.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
|
||||
left: auto;
|
||||
right: 5px;
|
||||
background-image: url(next-horizontal.png);
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
|
||||
background-position: -32px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
|
||||
background-position: -64px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
|
||||
cursor: default;
|
||||
background-position: -96px 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Vertical Buttons
|
||||
*/
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 43px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(next-vertical.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical:hover,
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
|
||||
background-position: 0 -32px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical:active {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
|
||||
cursor: default;
|
||||
background-position: 0 -96px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 43px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(prev-vertical.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
|
||||
background-position: 0 -32px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
|
||||
cursor: default;
|
||||
background-position: 0 -96px;
|
||||
}
|
@@ -0,0 +1,186 @@
|
||||
.jcarousel-skin-tango .jcarousel-container {
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 3px;
|
||||
background: #F0F6F9;
|
||||
border: 1px solid #346F97;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-container-horizontal {
|
||||
width: 800px;
|
||||
padding: 20px 40px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-container-vertical {
|
||||
width: 800px;
|
||||
height: 400px;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-clip {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-clip-horizontal {
|
||||
width: 800px;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-clip-vertical {
|
||||
width: 75px;
|
||||
height: 245px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item {
|
||||
width: 800px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item-horizontal {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item-vertical {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-item-placeholder {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Horizontal Buttons
|
||||
*/
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal {
|
||||
position: absolute;
|
||||
top: 43px;
|
||||
right: 5px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(next-horizontal.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
|
||||
left: 5px;
|
||||
right: auto;
|
||||
background-image: url(prev-horizontal.png);
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
|
||||
background-position: -32px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
|
||||
background-position: -64px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
|
||||
cursor: default;
|
||||
background-position: -96px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal {
|
||||
position: absolute;
|
||||
top: 43px;
|
||||
left: 5px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(prev-horizontal.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
|
||||
left: auto;
|
||||
right: 5px;
|
||||
background-image: url(next-horizontal.png);
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
|
||||
background-position: -32px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
|
||||
background-position: -64px 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
|
||||
cursor: default;
|
||||
background-position: -96px 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Vertical Buttons
|
||||
*/
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 43px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(next-vertical.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical:hover,
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
|
||||
background-position: 0 -32px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-vertical:active {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
|
||||
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
|
||||
cursor: default;
|
||||
background-position: 0 -96px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 43px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
background: transparent url(prev-vertical.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
|
||||
background-position: 0 -32px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
|
||||
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
|
||||
cursor: default;
|
||||
background-position: 0 -96px;
|
||||
}
|
101
fnf2014/newfront/js/jsor-jcarousel-7bb2e0a/style.css
Normal file
@@ -0,0 +1,101 @@
|
||||
html, body {
|
||||
min-height: 100%;
|
||||
height: auto !important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 100.01% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
|
||||
color: #333;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body * {
|
||||
line-height:1.22em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
color:#4088b8;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
h1 {
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #c8c8c8;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: #333;
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 10px 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin-left 0;
|
||||
}
|
||||
|
||||
ul ul {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
color: #404040;
|
||||
/*margin: 0 12%;*/
|
||||
margin: 20px 40px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #4088b8;
|
||||
}
|
||||
|
||||
table {
|
||||
font-size: inherit;
|
||||
border: 1px solid #c8c8c8;
|
||||
}
|
||||
|
||||
th {
|
||||
background: #d8d8d8;
|
||||
text-align: left;
|
||||
padding: 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td {
|
||||
background: #f8f8f8;
|
||||
text-align: left;
|
||||
padding: 5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
select, input, textarea {
|
||||
font: 99% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
|
||||
}
|
||||
|
||||
pre, code, tt, dt {
|
||||
font: 100% monospace;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
pre, blockquote {
|
||||
padding: 15px;
|
||||
background-color: #f0f0f0;
|
||||
margin: 20px 0;
|
||||
-moz-border-radius: 10px;
|
||||
}
|
||||
|
||||
td pre {
|
||||
font: 85% monospace;
|
||||
padding: 5px;
|
||||
margin: 5px 0;
|
||||
}
|
19
fnf2014/newfront/js/social.js
Normal file
@@ -0,0 +1,19 @@
|
||||
function facebook(url, title, desc, img) {
|
||||
window.open( "http://www.facebook.com/sharer.php?s=100&p[title]="+encodeURI(title)+"&p[summary]=" +desc+ "&p[url]="+encodeURI(url)+"&p[images][0]="+encodeURI(img), "facebook", "status=1, height=400, width=550, resizable=0, toolbar=0");
|
||||
facebook.focus();
|
||||
}
|
||||
|
||||
function linkedIn(url, title, desc, source) {
|
||||
window.open( "http://www.linkedin.com/shareArticle?mini=true&url=" + encodeURI(url) +"&title=" + encodeURI(title) + "&summary=" + encodeURI(desc) + "&source=" + encodeURI(source), "linkedIn", "status=1, height=400, width=550, resizable=0, toolbar=0");
|
||||
linkedIn.focus();
|
||||
}
|
||||
|
||||
function tweet(url, text) {
|
||||
window.open( "https://twitter.com/intent/tweet?text=" + encodeURI(text) + "&url=" + encodeURI(url), "tweet", "status=1, height=400, width=550, resizable=0, toolbar=0");
|
||||
tweet.focus();
|
||||
}
|
||||
|
||||
function plusone(url) {
|
||||
window.open( "https://plusone.google.com/_/+1/confirm?hl=en&url=" + encodeURI(url), "plusone", "status=1, height=400, width=550, resizable=0, toolbar=0");
|
||||
plusone.focus();
|
||||
}
|