mirror of
https://github.com/UnickSoft/graphonline.git
synced 2026-06-15 21:30:56 +00:00
first commit
This commit is contained in:
/usr/bin/nano
+303
@@ -0,0 +1,303 @@
|
||||
AD Gallery is released under a dual license, MIT and GPL. This means
|
||||
that you can pick the license most suited for your needs.
|
||||
|
||||
MIT
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of this software and associated documentation files (the
|
||||
"Software"), to deal in the Software without restriction, including
|
||||
without limitation the rights to use, copy, modify, merge, publish,
|
||||
distribute, sublicense, and/or sell copies of the Software, and to
|
||||
permit persons to whom the Software is furnished to do so, subject to
|
||||
the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be
|
||||
included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
||||
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
|
||||
GPL
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
Version 2, June 1991
|
||||
|
||||
Copyright (C) 1989, 1991 Free Software Foundation, Inc.
|
||||
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
|
||||
Preamble
|
||||
|
||||
The licenses for most software are designed to take away your
|
||||
freedom to share and change it. By contrast, the GNU General Public
|
||||
License is intended to guarantee your freedom to share and change free
|
||||
software--to make sure the software is free for all its users. This
|
||||
General Public License applies to most of the Free Software
|
||||
Foundation's software and to any other program whose authors commit to
|
||||
using it. (Some other Free Software Foundation software is covered by
|
||||
the GNU Lesser General Public License instead.) You can apply it to
|
||||
your programs, too.
|
||||
|
||||
When we speak of free software, we are referring to freedom, not
|
||||
price. Our General Public Licenses are designed to make sure that you
|
||||
have the freedom to distribute copies of free software (and charge for
|
||||
this service if you wish), that you receive source code or can get it
|
||||
if you want it, that you can change the software or use pieces of it
|
||||
in new free programs; and that you know you can do these things.
|
||||
|
||||
To protect your rights, we need to make restrictions that forbid
|
||||
anyone to deny you these rights or to ask you to surrender the rights.
|
||||
These restrictions translate to certain responsibilities for you if you
|
||||
distribute copies of the software, or if you modify it.
|
||||
|
||||
For example, if you distribute copies of such a program, whether
|
||||
gratis or for a fee, you must give the recipients all the rights that
|
||||
you have. You must make sure that they, too, receive or can get the
|
||||
source code. And you must show them these terms so they know their
|
||||
rights.
|
||||
|
||||
We protect your rights with two steps: (1) copyright the software, and
|
||||
(2) offer you this license which gives you legal permission to copy,
|
||||
distribute and/or modify the software.
|
||||
|
||||
Also, for each author's protection and ours, we want to make certain
|
||||
that everyone understands that there is no warranty for this free
|
||||
software. If the software is modified by someone else and passed on, we
|
||||
want its recipients to know that what they have is not the original, so
|
||||
that any problems introduced by others will not reflect on the original
|
||||
authors' reputations.
|
||||
|
||||
Finally, any free program is threatened constantly by software
|
||||
patents. We wish to avoid the danger that redistributors of a free
|
||||
program will individually obtain patent licenses, in effect making the
|
||||
program proprietary. To prevent this, we have made it clear that any
|
||||
patent must be licensed for everyone's free use or not licensed at all.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow.
|
||||
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||
|
||||
0. This License applies to any program or other work which contains
|
||||
a notice placed by the copyright holder saying it may be distributed
|
||||
under the terms of this General Public License. The "Program", below,
|
||||
refers to any such program or work, and a "work based on the Program"
|
||||
means either the Program or any derivative work under copyright law:
|
||||
that is to say, a work containing the Program or a portion of it,
|
||||
either verbatim or with modifications and/or translated into another
|
||||
language. (Hereinafter, translation is included without limitation in
|
||||
the term "modification".) Each licensee is addressed as "you".
|
||||
|
||||
Activities other than copying, distribution and modification are not
|
||||
covered by this License; they are outside its scope. The act of
|
||||
running the Program is not restricted, and the output from the Program
|
||||
is covered only if its contents constitute a work based on the
|
||||
Program (independent of having been made by running the Program).
|
||||
Whether that is true depends on what the Program does.
|
||||
|
||||
1. You may copy and distribute verbatim copies of the Program's
|
||||
source code as you receive it, in any medium, provided that you
|
||||
conspicuously and appropriately publish on each copy an appropriate
|
||||
copyright notice and disclaimer of warranty; keep intact all the
|
||||
notices that refer to this License and to the absence of any warranty;
|
||||
and give any other recipients of the Program a copy of this License
|
||||
along with the Program.
|
||||
|
||||
You may charge a fee for the physical act of transferring a copy, and
|
||||
you may at your option offer warranty protection in exchange for a fee.
|
||||
|
||||
2. You may modify your copy or copies of the Program or any portion
|
||||
of it, thus forming a work based on the Program, and copy and
|
||||
distribute such modifications or work under the terms of Section 1
|
||||
above, provided that you also meet all of these conditions:
|
||||
|
||||
a) You must cause the modified files to carry prominent notices
|
||||
stating that you changed the files and the date of any change.
|
||||
|
||||
b) You must cause any work that you distribute or publish, that in
|
||||
whole or in part contains or is derived from the Program or any
|
||||
part thereof, to be licensed as a whole at no charge to all third
|
||||
parties under the terms of this License.
|
||||
|
||||
c) If the modified program normally reads commands interactively
|
||||
when run, you must cause it, when started running for such
|
||||
interactive use in the most ordinary way, to print or display an
|
||||
announcement including an appropriate copyright notice and a
|
||||
notice that there is no warranty (or else, saying that you provide
|
||||
a warranty) and that users may redistribute the program under
|
||||
these conditions, and telling the user how to view a copy of this
|
||||
License. (Exception: if the Program itself is interactive but
|
||||
does not normally print such an announcement, your work based on
|
||||
the Program is not required to print an announcement.)
|
||||
|
||||
These requirements apply to the modified work as a whole. If
|
||||
identifiable sections of that work are not derived from the Program,
|
||||
and can be reasonably considered independent and separate works in
|
||||
themselves, then this License, and its terms, do not apply to those
|
||||
sections when you distribute them as separate works. But when you
|
||||
distribute the same sections as part of a whole which is a work based
|
||||
on the Program, the distribution of the whole must be on the terms of
|
||||
this License, whose permissions for other licensees extend to the
|
||||
entire whole, and thus to each and every part regardless of who wrote it.
|
||||
|
||||
Thus, it is not the intent of this section to claim rights or contest
|
||||
your rights to work written entirely by you; rather, the intent is to
|
||||
exercise the right to control the distribution of derivative or
|
||||
collective works based on the Program.
|
||||
|
||||
In addition, mere aggregation of another work not based on the Program
|
||||
with the Program (or with a work based on the Program) on a volume of
|
||||
a storage or distribution medium does not bring the other work under
|
||||
the scope of this License.
|
||||
|
||||
3. You may copy and distribute the Program (or a work based on it,
|
||||
under Section 2) in object code or executable form under the terms of
|
||||
Sections 1 and 2 above provided that you also do one of the following:
|
||||
|
||||
a) Accompany it with the complete corresponding machine-readable
|
||||
source code, which must be distributed under the terms of Sections
|
||||
1 and 2 above on a medium customarily used for software interchange; or,
|
||||
|
||||
b) Accompany it with a written offer, valid for at least three
|
||||
years, to give any third party, for a charge no more than your
|
||||
cost of physically performing source distribution, a complete
|
||||
machine-readable copy of the corresponding source code, to be
|
||||
distributed under the terms of Sections 1 and 2 above on a medium
|
||||
customarily used for software interchange; or,
|
||||
|
||||
c) Accompany it with the information you received as to the offer
|
||||
to distribute corresponding source code. (This alternative is
|
||||
allowed only for noncommercial distribution and only if you
|
||||
received the program in object code or executable form with such
|
||||
an offer, in accord with Subsection b above.)
|
||||
|
||||
The source code for a work means the preferred form of the work for
|
||||
making modifications to it. For an executable work, complete source
|
||||
code means all the source code for all modules it contains, plus any
|
||||
associated interface definition files, plus the scripts used to
|
||||
control compilation and installation of the executable. However, as a
|
||||
special exception, the source code distributed need not include
|
||||
anything that is normally distributed (in either source or binary
|
||||
form) with the major components (compiler, kernel, and so on) of the
|
||||
operating system on which the executable runs, unless that component
|
||||
itself accompanies the executable.
|
||||
|
||||
If distribution of executable or object code is made by offering
|
||||
access to copy from a designated place, then offering equivalent
|
||||
access to copy the source code from the same place counts as
|
||||
distribution of the source code, even though third parties are not
|
||||
compelled to copy the source along with the object code.
|
||||
|
||||
4. You may not copy, modify, sublicense, or distribute the Program
|
||||
except as expressly provided under this License. Any attempt
|
||||
otherwise to copy, modify, sublicense or distribute the Program is
|
||||
void, and will automatically terminate your rights under this License.
|
||||
However, parties who have received copies, or rights, from you under
|
||||
this License will not have their licenses terminated so long as such
|
||||
parties remain in full compliance.
|
||||
|
||||
5. You are not required to accept this License, since you have not
|
||||
signed it. However, nothing else grants you permission to modify or
|
||||
distribute the Program or its derivative works. These actions are
|
||||
prohibited by law if you do not accept this License. Therefore, by
|
||||
modifying or distributing the Program (or any work based on the
|
||||
Program), you indicate your acceptance of this License to do so, and
|
||||
all its terms and conditions for copying, distributing or modifying
|
||||
the Program or works based on it.
|
||||
|
||||
6. Each time you redistribute the Program (or any work based on the
|
||||
Program), the recipient automatically receives a license from the
|
||||
original licensor to copy, distribute or modify the Program subject to
|
||||
these terms and conditions. You may not impose any further
|
||||
restrictions on the recipients' exercise of the rights granted herein.
|
||||
You are not responsible for enforcing compliance by third parties to
|
||||
this License.
|
||||
|
||||
7. If, as a consequence of a court judgment or allegation of patent
|
||||
infringement or for any other reason (not limited to patent issues),
|
||||
conditions are imposed on you (whether by court order, agreement or
|
||||
otherwise) that contradict the conditions of this License, they do not
|
||||
excuse you from the conditions of this License. If you cannot
|
||||
distribute so as to satisfy simultaneously your obligations under this
|
||||
License and any other pertinent obligations, then as a consequence you
|
||||
may not distribute the Program at all. For example, if a patent
|
||||
license would not permit royalty-free redistribution of the Program by
|
||||
all those who receive copies directly or indirectly through you, then
|
||||
the only way you could satisfy both it and this License would be to
|
||||
refrain entirely from distribution of the Program.
|
||||
|
||||
If any portion of this section is held invalid or unenforceable under
|
||||
any particular circumstance, the balance of the section is intended to
|
||||
apply and the section as a whole is intended to apply in other
|
||||
circumstances.
|
||||
|
||||
It is not the purpose of this section to induce you to infringe any
|
||||
patents or other property right claims or to contest validity of any
|
||||
such claims; this section has the sole purpose of protecting the
|
||||
integrity of the free software distribution system, which is
|
||||
implemented by public license practices. Many people have made
|
||||
generous contributions to the wide range of software distributed
|
||||
through that system in reliance on consistent application of that
|
||||
system; it is up to the author/donor to decide if he or she is willing
|
||||
to distribute software through any other system and a licensee cannot
|
||||
impose that choice.
|
||||
|
||||
This section is intended to make thoroughly clear what is believed to
|
||||
be a consequence of the rest of this License.
|
||||
|
||||
8. If the distribution and/or use of the Program is restricted in
|
||||
certain countries either by patents or by copyrighted interfaces, the
|
||||
original copyright holder who places the Program under this License
|
||||
may add an explicit geographical distribution limitation excluding
|
||||
those countries, so that distribution is permitted only in or among
|
||||
countries not thus excluded. In such case, this License incorporates
|
||||
the limitation as if written in the body of this License.
|
||||
|
||||
9. The Free Software Foundation may publish revised and/or new versions
|
||||
of the General Public License from time to time. Such new versions will
|
||||
be similar in spirit to the present version, but may differ in detail to
|
||||
address new problems or concerns.
|
||||
|
||||
Each version is given a distinguishing version number. If the Program
|
||||
specifies a version number of this License which applies to it and "any
|
||||
later version", you have the option of following the terms and conditions
|
||||
either of that version or of any later version published by the Free
|
||||
Software Foundation. If the Program does not specify a version number of
|
||||
this License, you may choose any version ever published by the Free Software
|
||||
Foundation.
|
||||
|
||||
10. If you wish to incorporate parts of the Program into other free
|
||||
programs whose distribution conditions are different, write to the author
|
||||
to ask for permission. For software which is copyrighted by the Free
|
||||
Software Foundation, write to the Free Software Foundation; we sometimes
|
||||
make exceptions for this. Our decision will be guided by the two goals
|
||||
of preserving the free status of all derivatives of our free software and
|
||||
of promoting the sharing and reuse of software generally.
|
||||
|
||||
NO WARRANTY
|
||||
|
||||
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
|
||||
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
|
||||
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
|
||||
PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
|
||||
OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
|
||||
TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
|
||||
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
|
||||
REPAIR OR CORRECTION.
|
||||
|
||||
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
|
||||
REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
|
||||
OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
|
||||
TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
|
||||
YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
|
||||
PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
|
||||
POSSIBILITY OF SUCH DAMAGES.
|
||||
+831
@@ -0,0 +1,831 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>WinMerge File Compare Report</title>
|
||||
<style type="text/css">
|
||||
<!--
|
||||
td,th {font-size: 12pt;}
|
||||
.ln {text-align: right; background-color: lightgrey;}
|
||||
.title {color: white; background-color: blue; vertical-align: top;}
|
||||
.sf3b2 {color: #000000; background-color: #ffffff; }
|
||||
.sf3b5 {color: #000000; background-color: #000000; }
|
||||
.sf3b14 {color: #000000; background-color: #ffa0a0; }
|
||||
.sf3b16 {color: #000000; background-color: #f1e2ad; }
|
||||
.sf6b2 {color: #ffffff; background-color: #ffffff; }
|
||||
.sf6b5 {color: #ffffff; background-color: #000000; }
|
||||
.sf6b14 {color: #ffffff; background-color: #ffa0a0; }
|
||||
.sf6b16 {color: #ffffff; background-color: #f1e2ad; }
|
||||
.sf7b2 {color: #0000ff; background-color: #ffffff; font-weight: bold; }
|
||||
.sf7b5 {color: #0000ff; background-color: #000000; font-weight: bold; }
|
||||
.sf7b14 {color: #0000ff; background-color: #ffa0a0; font-weight: bold; }
|
||||
.sf7b16 {color: #0000ff; background-color: #f1e2ad; font-weight: bold; }
|
||||
.sf8b2 {color: #800080; background-color: #ffffff; }
|
||||
.sf8b5 {color: #800080; background-color: #000000; }
|
||||
.sf8b14 {color: #800080; background-color: #ffa0a0; }
|
||||
.sf8b16 {color: #800080; background-color: #f1e2ad; }
|
||||
.sf9b2 {color: #008000; background-color: #ffffff; }
|
||||
.sf9b5 {color: #008000; background-color: #000000; }
|
||||
.sf9b14 {color: #008000; background-color: #ffa0a0; }
|
||||
.sf9b16 {color: #008000; background-color: #f1e2ad; }
|
||||
.sf10b2 {color: #ff0000; background-color: #ffffff; }
|
||||
.sf10b5 {color: #ff0000; background-color: #000000; }
|
||||
.sf10b14 {color: #ff0000; background-color: #ffa0a0; }
|
||||
.sf10b16 {color: #ff0000; background-color: #f1e2ad; }
|
||||
.sf11b2 {color: #606060; background-color: #ffffff; }
|
||||
.sf11b5 {color: #606060; background-color: #000000; }
|
||||
.sf11b14 {color: #606060; background-color: #ffa0a0; }
|
||||
.sf11b16 {color: #606060; background-color: #f1e2ad; }
|
||||
.sf12b2 {color: #800000; background-color: #ffffff; }
|
||||
.sf12b5 {color: #800000; background-color: #000000; }
|
||||
.sf12b14 {color: #800000; background-color: #ffa0a0; }
|
||||
.sf12b16 {color: #800000; background-color: #f1e2ad; }
|
||||
.sf13b2 {color: #0080c0; background-color: #ffffff; }
|
||||
.sf13b5 {color: #0080c0; background-color: #000000; }
|
||||
.sf13b14 {color: #0080c0; background-color: #ffa0a0; }
|
||||
.sf13b16 {color: #0080c0; background-color: #f1e2ad; }
|
||||
.sf15b2 {color: #000000; background-color: #ffffff; }
|
||||
.sf15b5 {color: #000000; background-color: #000000; }
|
||||
.sf15b14 {color: #000000; background-color: #ffa0a0; }
|
||||
.sf15b16 {color: #000000; background-color: #f1e2ad; }
|
||||
.sf17b2 {color: #000000; background-color: #ffffff; }
|
||||
.sf17b5 {color: #000000; background-color: #000000; }
|
||||
.sf17b14 {color: #000000; background-color: #ffa0a0; }
|
||||
.sf17b16 {color: #000000; background-color: #f1e2ad; }
|
||||
.sf18b2 {color: #000080; background-color: #ffffff; }
|
||||
.sf18b5 {color: #000080; background-color: #000000; }
|
||||
.sf18b14 {color: #000080; background-color: #ffa0a0; }
|
||||
.sf18b16 {color: #000080; background-color: #f1e2ad; }
|
||||
.sf19b2 {color: #0080c0; background-color: #ffffff; }
|
||||
.sf19b5 {color: #0080c0; background-color: #000000; }
|
||||
.sf19b14 {color: #0080c0; background-color: #ffa0a0; }
|
||||
.sf19b16 {color: #0080c0; background-color: #f1e2ad; }
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table cellspacing="0" cellpadding="0" style="width: 100%; margin: 0; border: none;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="title" style="width:1%"></th><th class="title" style="width:49.000000%">E:\Downloads\AD Gallery 1.2.7(2)\lib\jquery.ad-gallery.css</th>
|
||||
<th class="title" style="width:1%"></th><th class="title" style="width:49.000000%">S:\wamp\www\subdomains\eval\ad-gallery\jquery.ad-gallery.css</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr valign="top">
|
||||
<td class="ln">1</td><td class="sf3b2"><code><span class="sf9b2">/</span><span class="sf9b2">**</span></code></td>
|
||||
<td class="ln">1</td><td class="sf3b2"><code><span class="sf9b2">/</span><span class="sf9b2">**</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">2</td><td class="sf3b2"><code><span class="sf9b2"> * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)</span></code></td>
|
||||
<td class="ln">2</td><td class="sf3b2"><code><span class="sf9b2"> * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">3</td><td class="sf3b2"><code><span class="sf9b2"> * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)</span></code></td>
|
||||
<td class="ln">3</td><td class="sf3b2"><code><span class="sf9b2"> * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">4</td><td class="sf3b2"><code><span class="sf9b2"> * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.</span></code></td>
|
||||
<td class="ln">4</td><td class="sf3b2"><code><span class="sf9b2"> * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">5</td><td class="sf3b2"><code><span class="sf9b2"> *</span></code></td>
|
||||
<td class="ln">5</td><td class="sf3b2"><code><span class="sf9b2"> *</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">6</td><td class="sf3b2"><code><span class="sf9b2"> * Version: 1.2.7</span></code></td>
|
||||
<td class="ln">6</td><td class="sf3b2"><code><span class="sf9b2"> * Version: 1.2.7</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">7</td><td class="sf3b2"><code><span class="sf9b2"> *</span></code></td>
|
||||
<td class="ln">7</td><td class="sf3b2"><code><span class="sf9b2"> *</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">8</td><td class="sf3b2"><code><span class="sf9b2"> * Demo and documentation: http://coffeescripter.com/code/ad-gallery/</span></code></td>
|
||||
<td class="ln">8</td><td class="sf3b2"><code><span class="sf9b2"> * Demo and documentation: http://coffeescripter.com/code/ad-gallery/</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">9</td><td class="sf3b2"><code><span class="sf9b2"> */</span> </code></td>
|
||||
<td class="ln">9</td><td class="sf3b2"><code><span class="sf9b2"> */</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">10</td><td class="sf3b2"><code><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">10</td><td class="sf3b2"><code><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">11</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">600px</span><span class="sf17b16">;</span> </code></td>
|
||||
<td class="ln">11</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">95%</span><span class="sf17b16">;</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">12</td><td class="sf3b2"><code><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">12</td><td class="sf3b2"><code><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">13</td><td class="sf3b2"><code><span class="sf3b2">.ad-gallery</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf11b2">*</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">13</td><td class="sf3b2"><code><span class="sf3b2">.ad-gallery</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf11b2">*</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">14</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">margin</span><span class="sf17b16">:</span><span class="sf17b16"> </span><span class="sf17b16">0</span><span class="sf17b16">;</span> </code></td>
|
||||
<td class="ln">14</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">margin</span><span class="sf17b16">:</span><span class="sf17b16">auto</span><span class="sf17b16">;</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">15</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">padding</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">15</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">padding</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">16</td><td class="sf3b2"><code><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">16</td><td class="sf3b2"><code><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">17</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">17</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">18</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">100%</span><span class="sf17b16">;</span> </code></td>
|
||||
<td class="ln">18</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">95%</span><span class="sf17b16">;</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">19</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">height</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">400px</span><span class="sf17b16">;</span> </code></td>
|
||||
<td class="ln">19</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">height</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">250px</span><span class="sf17b16">;</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">20</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">margin-bottom</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">10px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">20</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">margin-bottom</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">10px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">21</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">relative</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">21</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">relative</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">22</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">overflow</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">hidden</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">22</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">overflow</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">hidden</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">23</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">margin</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; ">auto</span><span style="color: #000000; background-color: #efcb05; ">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">24</td><td style="color: #000000; background-color: #efcb05; "><code> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">23</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">25</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">24</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-loader</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">26</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-loader</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">25</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">27</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">26</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">10</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">28</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">10</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">27</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">48%</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">29</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">48%</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">28</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">48%</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">30</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">48%</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">29</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">border</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">1px solid #CCC</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">31</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">border</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">1px solid #CCC</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">30</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">32</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">31</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">33</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">32</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">34</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">33</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">right</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">35</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">right</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">34</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">36</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">35</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">25%</span><span class="sf17b16">;</span> </code></td>
|
||||
<td class="ln">37</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">10%</span><span class="sf17b16">;</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">36</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">100%</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">38</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">100%</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">37</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">pointer</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">39</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">pointer</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">38</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">40</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">39</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">200</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">41</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">200</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">40</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">42</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">41</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-prev</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">43</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-prev</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">42</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">44</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">43</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">45</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">44</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">46</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">45</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">25%</span><span class="sf17b16">;</span> </code></td>
|
||||
<td class="ln">47</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">10%</span><span class="sf17b16">;</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">46</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">100%</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">48</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">100%</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">47</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">pointer</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">49</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">pointer</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">48</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">50</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">49</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">200</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">51</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">200</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">50</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">52</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">51</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-prev</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">53</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-prev</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">52</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf9b2">/</span><span class="sf9b2">* Or else IE will hide it */</span> </code></td>
|
||||
<td class="ln">54</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf9b2">/</span><span class="sf9b2">* Or else IE will hide it */</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">53</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(trans.gif)</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">55</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(trans.gif)</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">54</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">56</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">55</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-prev</span><span class="sf11b2"> </span><span class="sf3b2">.ad-prev-image</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next-image</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">57</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-prev</span><span class="sf11b2"> </span><span class="sf3b2">.ad-prev-image</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next-image</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">56</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(ad_prev.png)</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">58</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(ad_prev.png)</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">57</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">30px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">59</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">30px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">58</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">30px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">60</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">30px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">59</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">none</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">61</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">none</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">60</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">62</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">61</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">47%</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">63</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">47%</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">62</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">64</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">63</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">101</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">65</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">101</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">64</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">66</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">65</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next-image</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">67</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next</span><span class="sf11b2"> </span><span class="sf3b2">.ad-next-image</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">66</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(ad_next.png)</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">68</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(ad_next.png)</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">67</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">30px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">69</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">30px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">68</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">30px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">70</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">30px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">69</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">right</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">71</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">right</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">70</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">auto</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">72</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">auto</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">71</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">73</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">72</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">74</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">73</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">75</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">74</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">overflow</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">hidden</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">76</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">overflow</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">hidden</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">75</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">77</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">76</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">78</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">77</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">9</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">79</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">9</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">78</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">80</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">79</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image</span><span class="sf11b2"> </span><span class="sf3b2">a</span><span class="sf11b2"> </span><span class="sf3b2">img</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">81</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image</span><span class="sf11b2"> </span><span class="sf3b2">a</span><span class="sf11b2"> </span><span class="sf3b2">img</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">80</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">border</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">82</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">border</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">81</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">83</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">82</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-description</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">84</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-description</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">83</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">85</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">84</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">bottom</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">86</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">bottom</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">85</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">87</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">86</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">padding</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">7px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">88</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">padding</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">7px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">87</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">text-align</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">left</span><span class="sf17b16">;</span> </code></td>
|
||||
<td class="ln">89</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">text-align</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">center</span><span class="sf17b16">;</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">88</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">100%</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">90</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">100%</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">89</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">2</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">91</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">2</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">90</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(opa75.png)</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">92</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(opa75.png)</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">91</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">color</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">#</span><span class="sf17b16">000</span><span class="sf17b16">;</span> </code></td>
|
||||
<td class="ln">93</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">color</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">rgb(250, 55, 94)</span><span class="sf17b16">;</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">92</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">94</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">93</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">*</span><span class="sf11b2"> </span><span class="sf3b2">html</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-description</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">95</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">*</span><span class="sf11b2"> </span><span class="sf3b2">html</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-description</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">94</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">none</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">96</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">none</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">95</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">filter:progid:DXImageTransform.Microsoft.AlphaImageLoa<wbr>der (enabled=true, sizingMethod=scale, src='opa75.png')</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">97</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">filter:progid:DXImageTransform.Microsoft.AlphaImageLoa<wbr>der (enabled=true, sizingMethod=scale, src='opa75.png')</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">96</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">98</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">97</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-description</span><span class="sf11b2"> </span><span class="sf3b2">.ad-description-title</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">99</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-wrapper</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image</span><span class="sf11b2"> </span><span class="sf3b2">.ad-image-description</span><span class="sf11b2"> </span><span class="sf3b2">.ad-description-title</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">98</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">100</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">99</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">101</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">100</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-controls</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">102</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-controls</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">101</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">20px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">103</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">20px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">102</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">104</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">103</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-info</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">105</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-info</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">104</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">float</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">left</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">106</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">float</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">left</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">105</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">107</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">106</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-controls</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">108</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-controls</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">107</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">float</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">right</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">109</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">float</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">right</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">108</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">110</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">109</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-controls</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-start</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-controls</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-stop</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">111</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-controls</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-start</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-controls</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-stop</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">110</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">padding-left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">5px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">112</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">padding-left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">5px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">111</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">pointer</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">113</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">pointer</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">112</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">114</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">113</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-controls</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-countdown</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">115</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-controls</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-countdown</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">114</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">padding-left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">5px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">116</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">padding-left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">5px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">115</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">font-size</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0.9em</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">117</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">font-size</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0.9em</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">116</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">118</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">117</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-running</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-start</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">119</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-running</span><span class="sf11b2"> </span><span class="sf3b2">.ad-slideshow-start</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">118</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">default</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">120</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">default</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">119</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">font-style</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">italic</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">121</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">font-style</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">italic</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">120</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">122</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">121</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-nav</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">123</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-nav</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">122</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">100%</span><span class="sf17b16">;</span> </code></td>
|
||||
<td class="ln">124</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">95%</span><span class="sf17b16">;</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">123</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">relative</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">125</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">relative</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">126</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">margin</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; ">auto</span><span style="color: #000000; background-color: #efcb05; ">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">127</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">height</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">100px</span><span style="color: #000000; background-color: #efcb05; ">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">124</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">128</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">125</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-forward</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-back</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">129</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-forward</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-back</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">126</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">130</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">127</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">131</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">0</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">128</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">100%</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">132</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">100%</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">129</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">10</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">133</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">z-index</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">10</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">130</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">134</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">131</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf9b2">/</span><span class="sf9b2">* IE 6 doesn't like height: 100% */</span> </code></td>
|
||||
<td class="ln">135</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf9b2">/</span><span class="sf9b2">* IE 6 doesn't like height: 100% */</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">132</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">*</span><span class="sf11b2"> </span><span class="sf3b2">html</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-forward</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-back</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">136</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">*</span><span class="sf11b2"> </span><span class="sf3b2">html</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-forward</span><span class="sf11b2">,</span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-back</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">133</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">100px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">137</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">height</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">100px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">134</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">138</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">135</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-back</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">139</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-back</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">136</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">pointer</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">140</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">pointer</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">137</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">-20px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">141</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">-20px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">138</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">13px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">142</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">13px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">139</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">143</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">140</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(ad_scroll_back.png) 0px 22px no-repeat</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">144</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(ad_scroll_back.png) 0px 22px no-repeat</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">141</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">145</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">142</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-forward</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">146</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-forward</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">143</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">pointer</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">147</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">cursor</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">pointer</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">144</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">148</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">145</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">right</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">-20px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">149</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">right</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">-20px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">146</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">13px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">150</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">13px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">147</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(ad_scroll_forward.png) 0px 22px no-repeat</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">151</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">background</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">url(ad_scroll_forward.png) 0px 22px no-repeat</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">148</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">152</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">149</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-nav</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">153</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-nav</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">150</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">overflow</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">hidden</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">154</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">overflow</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">hidden</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">151</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">100%</span><span class="sf17b16">;</span> </code></td>
|
||||
<td class="ln">155</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span class="sf17b16">95%</span><span class="sf17b16">;</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">152</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">156</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">153</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumb-list</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">157</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumb-list</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">154</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">float</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">left</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">158</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">float</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">left</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">155</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">9000px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">159</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">width</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">9000px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">156</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">list-style</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">none</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">160</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">list-style</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">none</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">157</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">161</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">158</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf3b2">li</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">162</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf3b2">li</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">159</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">float</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">left</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">163</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">float</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">left</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">160</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">padding-right</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">5px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">164</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">padding-right</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">5px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">161</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">165</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">162</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf3b2">li</span><span class="sf11b2"> </span><span class="sf3b2">a</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">166</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf3b2">li</span><span class="sf11b2"> </span><span class="sf3b2">a</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">163</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">167</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">164</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">168</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">165</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf3b2">li</span><span class="sf11b2"> </span><span class="sf3b2">a</span><span class="sf11b2"> </span><span class="sf3b2">img</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">169</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf3b2">li</span><span class="sf11b2"> </span><span class="sf3b2">a</span><span class="sf11b2"> </span><span class="sf3b2">img</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">166</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">border</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">3px solid #CCC</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">170</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">border</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">3px solid #CCC</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">167</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">171</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">display</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">block</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">168</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">172</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">169</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf3b2">li</span><span class="sf11b2"> </span><span class="sf3b2">a.ad-active</span><span class="sf11b2"> </span><span class="sf3b2">img</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">173</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf3b2">.ad-gallery</span><span class="sf11b2"> </span><span class="sf3b2">.ad-thumbs</span><span class="sf11b2"> </span><span class="sf3b2">li</span><span class="sf11b2"> </span><span class="sf3b2">a.ad-active</span><span class="sf11b2"> </span><span class="sf3b2">img</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">170</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">border</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">3px solid #616161</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">174</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf18b2">border</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">3px solid #616161</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">171</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
<td class="ln">175</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf11b2">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">172</td><td class="sf3b2"><code><span class="sf9b2">/</span><span class="sf9b2">* Can't do display none, since Opera won't load the images then */</span> </code></td>
|
||||
<td class="ln">176</td><td class="sf3b2"><code><span class="sf9b2">/</span><span class="sf9b2">* Can't do display none, since Opera won't load the images then */</span> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">173</td><td class="sf3b2"><code><span class="sf3b2">.ad-preloads</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
<td class="ln">177</td><td class="sf3b2"><code><span class="sf3b2">.ad-preloads</span><span class="sf11b2"> </span><span class="sf11b2">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">174</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">178</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">position</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">absolute</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">175</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">-9000px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">179</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">left</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">-9000px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">176</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">-9000px</span><span class="sf11b2">;</span></code></td>
|
||||
<td class="ln">180</td><td class="sf3b2"><code><span class="sf11b2"> </span><span class="sf11b2"> </span><span class="sf19b2">top</span><span class="sf11b2">:</span><span class="sf11b2"> </span><span class="sf12b2">-9000px</span><span class="sf11b2">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln">177</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; ">}</span></code></td>
|
||||
<td class="ln">181</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; ">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">182</td><td style="color: #000000; background-color: #efcb05; "><code> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">183</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; ">.ad-image</span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">{</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">184</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">cursor</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">pointer</span><span style="color: #000000; background-color: #efcb05; ">;</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">185</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; ">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">186</td><td style="color: #000000; background-color: #efcb05; "><code> </code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">187</td><td style="color: #000000; background-color: #efcb05; "><code><span style="color: #000000; background-color: #efcb05; ">table</span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">{</span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">table-layout</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">fixed</span><span style="color: #000000; background-color: #efcb05; ">;</span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">width</span><span style="color: #000000; background-color: #efcb05; ">:</span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">100%</span><span style="color: #000000; background-color: #efcb05; ">;</span><span style="color: #000000; background-color: #efcb05; "> </span><span style="color: #000000; background-color: #efcb05; ">}</span></code></td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td class="ln"></td><td style="color: #000000; background-color: #c0c0c0; "><code> </code></td>
|
||||
<td class="ln">188</td><td style="color: #000000; background-color: #efcb05; "><code> </code></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
+94
@@ -0,0 +1,94 @@
|
||||
diff U3 E:/Downloads/AD Gallery 1.2.7(2)/lib/jquery.ad-gallery.css S:/wamp/www/subdomains/eval/ad-gallery/jquery.ad-gallery.css
|
||||
--- E:/Downloads/AD Gallery 1.2.7(2)/lib/jquery.ad-gallery.css Mon Jul 22 16:15:15 2013
|
||||
+++ S:/wamp/www/subdomains/eval/ad-gallery/jquery.ad-gallery.css Mon Jul 22 16:21:45 2013
|
||||
@@ -8,18 +8,20 @@
|
||||
* Demo and documentation: http://coffeescripter.com/code/ad-gallery/
|
||||
*/
|
||||
.ad-gallery {
|
||||
- width: 600px;
|
||||
+ width: 95%;
|
||||
}
|
||||
.ad-gallery, .ad-gallery * {
|
||||
- margin: 0;
|
||||
+ margin:auto;
|
||||
padding: 0;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper {
|
||||
- width: 100%;
|
||||
- height: 400px;
|
||||
+ width: 95%;
|
||||
+ height: 250px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
+ margin:auto;
|
||||
+
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-loader {
|
||||
position: absolute;
|
||||
@@ -32,7 +34,7 @@
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
- width: 25%;
|
||||
+ width: 10%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
@@ -42,7 +44,7 @@
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
- width: 25%;
|
||||
+ width: 10%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
@@ -84,11 +86,11 @@
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
padding: 7px;
|
||||
- text-align: left;
|
||||
+ text-align: center;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
background: url(opa75.png);
|
||||
- color: #000;
|
||||
+ color: rgb(250, 55, 94);
|
||||
}
|
||||
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
|
||||
background: none;
|
||||
@@ -119,8 +121,10 @@
|
||||
font-style: italic;
|
||||
}
|
||||
.ad-gallery .ad-nav {
|
||||
- width: 100%;
|
||||
+ width: 95%;
|
||||
position: relative;
|
||||
+ margin:auto;
|
||||
+ height: 100px;
|
||||
}
|
||||
.ad-gallery .ad-forward, .ad-gallery .ad-back {
|
||||
position: absolute;
|
||||
@@ -148,7 +152,7 @@
|
||||
}
|
||||
.ad-gallery .ad-nav .ad-thumbs {
|
||||
overflow: hidden;
|
||||
- width: 100%;
|
||||
+ width: 95%;
|
||||
}
|
||||
.ad-gallery .ad-thumbs .ad-thumb-list {
|
||||
float: left;
|
||||
@@ -174,4 +178,10 @@
|
||||
position: absolute;
|
||||
left: -9000px;
|
||||
top: -9000px;
|
||||
-}
|
||||
\ No newline at end of file
|
||||
+}
|
||||
+
|
||||
+.ad-image {
|
||||
+ cursor: pointer;
|
||||
+}
|
||||
+
|
||||
+table { table-layout: fixed; width: 100%; }
|
||||
+216
@@ -0,0 +1,216 @@
|
||||
diff U3 S:/wamp/www/subdomains/eval/ad-gallery/jquery.ad-gallery.js E:/Downloads/AD Gallery 1.2.7(2)/lib/jquery.ad-gallery.js
|
||||
--- S:/wamp/www/subdomains/eval/ad-gallery/jquery.ad-gallery.js Tue Jul 23 12:31:20 2013
|
||||
+++ E:/Downloads/AD Gallery 1.2.7(2)/lib/jquery.ad-gallery.js Tue Jul 23 13:54:30 2013
|
||||
@@ -9,7 +9,7 @@
|
||||
*/
|
||||
(function($) {
|
||||
$.fn.adGallery = function(options) {
|
||||
- var defaults = { loader_image: './ad-gallery/loader.gif',
|
||||
+ var defaults = { loader_image: 'loader.gif',
|
||||
start_at_index: 0,
|
||||
update_window_hash: true,
|
||||
description_wrapper: false,
|
||||
@@ -64,12 +64,11 @@
|
||||
|
||||
function VerticalSlideAnimation(img_container, direction, desc) {
|
||||
var current_top = parseInt(img_container.css('top'), 10);
|
||||
- var old_image_top;
|
||||
if(direction == 'left') {
|
||||
- old_image_top = '-'+ this.image_wrapper_height +'px';
|
||||
+ var old_image_top = '-'+ this.image_wrapper_height +'px';
|
||||
img_container.css('top', this.image_wrapper_height +'px');
|
||||
} else {
|
||||
- old_image_top = this.image_wrapper_height +'px';
|
||||
+ var old_image_top = this.image_wrapper_height +'px';
|
||||
img_container.css('top', '-'+ this.image_wrapper_height +'px');
|
||||
};
|
||||
if(desc) {
|
||||
@@ -84,13 +83,12 @@
|
||||
};
|
||||
|
||||
function HorizontalSlideAnimation(img_container, direction, desc) {
|
||||
- var current_left = parseInt(img_container.css('left'), 10);
|
||||
- var old_image_left;
|
||||
+ var current_left = parseInt(img_container.css('left'), 10);
|
||||
if(direction == 'left') {
|
||||
- old_image_left = '-'+ this.image_wrapper_width +'px';
|
||||
+ var old_image_left = '-'+ this.image_wrapper_width +'px';
|
||||
img_container.css('left',this.image_wrapper_width +'px');
|
||||
} else {
|
||||
- old_image_left = this.image_wrapper_width +'px';
|
||||
+ var old_image_left = this.image_wrapper_width +'px';
|
||||
img_container.css('left','-'+ this.image_wrapper_width +'px');
|
||||
};
|
||||
if(desc) {
|
||||
@@ -283,7 +281,7 @@
|
||||
// If the browser tells us that the image is loaded, but the width
|
||||
// is still 0 for some reason, we default to 100px width.
|
||||
// It's not very nice, but it's better than 0.
|
||||
- width = 50;
|
||||
+ width = 100;
|
||||
};
|
||||
context.thumbs_wrapper_width += width;
|
||||
thumbs_loaded++;
|
||||
@@ -300,28 +298,26 @@
|
||||
clearInterval(inter);
|
||||
};
|
||||
},
|
||||
- 300
|
||||
+ 100
|
||||
);
|
||||
},
|
||||
_setThumbListWidth: function(wrapper_width) {
|
||||
- wrapper_width += 25;
|
||||
- var list = this.nav.find('.ad-thumb-list');
|
||||
- list.css('width', wrapper_width +'px');
|
||||
-// var list = this.nav.find('.ad-thumb-list');
|
||||
-// list.css('width', wrapper_width +'px');
|
||||
-// var i = 1;
|
||||
-// var last_height = list.height();
|
||||
-// while(i < 201) {
|
||||
-// list.css('width', (wrapper_width + i) +'px');
|
||||
-// if(last_height != list.height()) {
|
||||
-// break;
|
||||
-// };
|
||||
-// last_height = list.height();
|
||||
-// i++;
|
||||
-// };
|
||||
-// if(list.width() < this.nav.width()) {
|
||||
-// list.width(this.nav.width());
|
||||
-// };
|
||||
+ wrapper_width -= 100;
|
||||
+ var list = this.nav.find('.ad-thumb-list');
|
||||
+ list.css('width', wrapper_width +'px');
|
||||
+ var i = 1;
|
||||
+ var last_height = list.height();
|
||||
+ while(i < 201) {
|
||||
+ list.css('width', (wrapper_width + i) +'px');
|
||||
+ if(last_height != list.height()) {
|
||||
+ break;
|
||||
+ };
|
||||
+ last_height = list.height();
|
||||
+ i++;
|
||||
+ };
|
||||
+ if(list.width() < this.nav.width()) {
|
||||
+ list.width(this.nav.width());
|
||||
+ };
|
||||
},
|
||||
_initLink: function(link) {
|
||||
var context = this;
|
||||
@@ -518,14 +514,13 @@
|
||||
// We don't want to jump the whole width, since an image
|
||||
// might be cut at the edge
|
||||
var width = context.nav_display_width - 50;
|
||||
- var left;
|
||||
if(context.settings.scroll_jump > 0) {
|
||||
- width = context.settings.scroll_jump;
|
||||
+ var width = context.settings.scroll_jump;
|
||||
};
|
||||
if($(this).is('.ad-forward')) {
|
||||
- left = context.thumbs_wrapper.scrollLeft() + width;
|
||||
+ var left = context.thumbs_wrapper.scrollLeft() + width;
|
||||
} else {
|
||||
- left = context.thumbs_wrapper.scrollLeft() - width;
|
||||
+ var left = context.thumbs_wrapper.scrollLeft() - width;
|
||||
};
|
||||
if(context.settings.slideshow.stop_on_scroll) {
|
||||
context.slideshow.stop();
|
||||
@@ -608,10 +603,6 @@
|
||||
* it in the middle anyway
|
||||
*/
|
||||
_centerImage: function(img_container, image_width, image_height) {
|
||||
- //console.log(' Image width :' + image_width);
|
||||
- //console.log(' Image height :' + image_height);
|
||||
- //console.log(' Image wrapper width :' + this.image_wrapper_width);
|
||||
- //console.log(' Image wrapper height:' + this.image_wrapper_height);
|
||||
img_container.css('top', '0px');
|
||||
if(image_height < this.image_wrapper_height) {
|
||||
var dif = this.image_wrapper_height - image_height;
|
||||
@@ -621,16 +612,16 @@
|
||||
if(image_width < this.image_wrapper_width) {
|
||||
var dif = this.image_wrapper_width - image_width;
|
||||
img_container.css('left', (dif / 2) +'px');
|
||||
- };
|
||||
+ };
|
||||
},
|
||||
_getDescription: function(image) {
|
||||
- var desc = '';
|
||||
+ var desc = false;
|
||||
if(image.desc.length || image.title.length) {
|
||||
var title = '';
|
||||
if(image.title.length) {
|
||||
title = '<strong class="ad-description-title">'+ image.title +'</strong>';
|
||||
};
|
||||
- desc = '';
|
||||
+ var desc = '';
|
||||
if(image.desc.length) {
|
||||
desc = '<span>'+ image.desc +'</span>';
|
||||
};
|
||||
@@ -679,8 +670,6 @@
|
||||
var size = this._getContainedImageSize(image.size.width, image.size.height);
|
||||
img.attr('width', size.width);
|
||||
img.attr('height', size.height);
|
||||
- //console.log(' Image width :' + size.width);
|
||||
- //console.log(' Image height :' + size.height);
|
||||
img_container.css({width: size.width +'px', height: size.height +'px'});
|
||||
this._centerImage(img_container, size.width, size.height);
|
||||
var desc = this._getDescription(image);
|
||||
@@ -744,14 +733,13 @@
|
||||
};
|
||||
},
|
||||
nextIndex: function() {
|
||||
- var next;
|
||||
if(this.current_index == (this.images.length - 1)) {
|
||||
if(!this.settings.cycle) {
|
||||
return false;
|
||||
};
|
||||
- next = 0;
|
||||
+ var next = 0;
|
||||
} else {
|
||||
- next = this.current_index + 1;
|
||||
+ var next = this.current_index + 1;
|
||||
};
|
||||
return next;
|
||||
},
|
||||
@@ -763,14 +751,13 @@
|
||||
return true;
|
||||
},
|
||||
prevIndex: function() {
|
||||
- var prev;
|
||||
if(this.current_index == 0) {
|
||||
if(!this.settings.cycle) {
|
||||
return false;
|
||||
};
|
||||
- prev = this.images.length - 1;
|
||||
+ var prev = this.images.length - 1;
|
||||
} else {
|
||||
- prev = this.current_index - 1;
|
||||
+ var prev = this.current_index - 1;
|
||||
};
|
||||
return prev;
|
||||
},
|
||||
@@ -873,6 +860,7 @@
|
||||
running: false,
|
||||
countdown_interval: false,
|
||||
init: function(nextimage_callback, settings) {
|
||||
+ var context = this;
|
||||
this.nextimage_callback = nextimage_callback;
|
||||
this.settings = settings;
|
||||
},
|
||||
@@ -927,6 +915,7 @@
|
||||
},
|
||||
start: function() {
|
||||
if(this.running || !this.enabled) return false;
|
||||
+ var context = this;
|
||||
this.running = true;
|
||||
this.controls.addClass('ad-slideshow-running');
|
||||
this._next();
|
||||
@@ -943,7 +932,7 @@
|
||||
return true;
|
||||
},
|
||||
_next: function() {
|
||||
- var context = this;
|
||||
+ var context = this;
|
||||
var pre = this.settings.countdown_prefix;
|
||||
var su = this.settings.countdown_sufix;
|
||||
clearInterval(context.countdown_interval);
|
||||
BIN
Binary file not shown.
|
After Width: | Height: | Size: 355 B |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 364 B |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 240 B |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 234 B |
+185
@@ -0,0 +1,185 @@
|
||||
/**
|
||||
* Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
|
||||
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
||||
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
|
||||
*
|
||||
* Version: 1.2.7
|
||||
*
|
||||
* Demo and documentation: http://coffeescripter.com/code/ad-gallery/
|
||||
*/
|
||||
.ad-gallery {
|
||||
width: 95%;
|
||||
}
|
||||
.ad-gallery, .ad-gallery * {
|
||||
margin:auto;
|
||||
padding: 0;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper {
|
||||
width: 95%;
|
||||
height: 250px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin:auto;
|
||||
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-loader {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 48%;
|
||||
left: 48%;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-next {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
z-index: 200;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-prev {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
z-index: 200;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
|
||||
/* Or else IE will hide it */
|
||||
background: url(trans.gif);
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
|
||||
background: url(ad_prev.png);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 47%;
|
||||
left: 0;
|
||||
z-index: 101;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
|
||||
background: url(ad_next.png);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image a img {
|
||||
border: 0;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
padding: 7px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
background: url(opa75.png);
|
||||
color: rgb(250, 55, 94);
|
||||
}
|
||||
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
|
||||
background: none;
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
|
||||
display: block;
|
||||
}
|
||||
.ad-gallery .ad-controls {
|
||||
height: 20px;
|
||||
}
|
||||
.ad-gallery .ad-info {
|
||||
float: left;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-controls {
|
||||
float: right;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
|
||||
padding-left: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
|
||||
padding-left: 5px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
|
||||
cursor: default;
|
||||
font-style: italic;
|
||||
}
|
||||
.ad-gallery .ad-nav {
|
||||
width: 95%;
|
||||
position: relative;
|
||||
margin:auto;
|
||||
height: 100px;
|
||||
}
|
||||
.ad-gallery .ad-forward, .ad-gallery .ad-back {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
/* IE 6 doesn't like height: 100% */
|
||||
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
|
||||
height: 100px;
|
||||
}
|
||||
.ad-gallery .ad-back {
|
||||
cursor: pointer;
|
||||
left: -20px;
|
||||
width: 13px;
|
||||
display: block;
|
||||
background: url(ad_scroll_back.png) 0px 22px no-repeat;
|
||||
}
|
||||
.ad-gallery .ad-forward {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
right: -20px;
|
||||
width: 13px;
|
||||
background: url(ad_scroll_forward.png) 0px 22px no-repeat;
|
||||
}
|
||||
.ad-gallery .ad-nav .ad-thumbs {
|
||||
overflow: hidden;
|
||||
width: 95%;
|
||||
}
|
||||
.ad-gallery .ad-thumbs .ad-thumb-list {
|
||||
float: left;
|
||||
width: 9000px;
|
||||
list-style: none;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li {
|
||||
float: left;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li a {
|
||||
display: block;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li a img {
|
||||
border: 3px solid #CCC;
|
||||
display: block;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li a.ad-active img {
|
||||
border: 3px solid #616161;
|
||||
}
|
||||
/* Can't do display none, since Opera won't load the images then */
|
||||
.ad-preloads {
|
||||
position: absolute;
|
||||
left: -9000px;
|
||||
top: -9000px;
|
||||
}
|
||||
|
||||
.ad-image {
|
||||
cursor: pointer;
|
||||
}
|
||||
+192
@@ -0,0 +1,192 @@
|
||||
/**
|
||||
* Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
|
||||
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
||||
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
|
||||
*
|
||||
* Version: 1.2.7
|
||||
*
|
||||
* Demo and documentation: http://coffeescripter.com/code/ad-gallery/
|
||||
*/
|
||||
.ad-gallery {
|
||||
width: 95%;
|
||||
}
|
||||
.ad-gallery, .ad-gallery * {
|
||||
margin:auto;
|
||||
padding: 0;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper {
|
||||
width: 95%;
|
||||
height: 250px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin:auto;
|
||||
/* border:1px; */
|
||||
/* border-color:grey; */
|
||||
/* border-style: solid; */
|
||||
/* background: url(placeholder.png) no-repeat; */
|
||||
/* background-position:center; */
|
||||
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-loader {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 48%;
|
||||
left: 48%;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-next {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
z-index: 200;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-prev {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
z-index: 200;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
|
||||
/* Or else IE will hide it */
|
||||
background: url(trans.gif);
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
|
||||
background: url(ad_prev.png);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 47%;
|
||||
left: 0;
|
||||
z-index: 101;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
|
||||
background: url(ad_next.png);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image a img {
|
||||
border: 0;
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
padding: 7px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
background: url(opa75.png);
|
||||
color: rgb(250, 55, 94);
|
||||
}
|
||||
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
|
||||
background: none;
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
|
||||
}
|
||||
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
|
||||
display: block;
|
||||
}
|
||||
.ad-gallery .ad-controls {
|
||||
height: 20px;
|
||||
}
|
||||
.ad-gallery .ad-info {
|
||||
float: left;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-controls {
|
||||
float: right;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
|
||||
padding-left: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
|
||||
padding-left: 5px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
|
||||
cursor: default;
|
||||
font-style: italic;
|
||||
}
|
||||
.ad-gallery .ad-nav {
|
||||
width: 95%;
|
||||
position: relative;
|
||||
margin:auto;
|
||||
height: 100px;
|
||||
}
|
||||
.ad-gallery .ad-forward, .ad-gallery .ad-back {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
/* IE 6 doesn't like height: 100% */
|
||||
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
|
||||
height: 100px;
|
||||
}
|
||||
.ad-gallery .ad-back {
|
||||
cursor: pointer;
|
||||
left: -20px;
|
||||
width: 13px;
|
||||
display: block;
|
||||
background: url(ad_scroll_back.png) 0px 22px no-repeat;
|
||||
}
|
||||
.ad-gallery .ad-forward {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
right: -20px;
|
||||
width: 13px;
|
||||
background: url(ad_scroll_forward.png) 0px 22px no-repeat;
|
||||
}
|
||||
.ad-gallery .ad-nav .ad-thumbs {
|
||||
overflow: hidden;
|
||||
width: 95%;
|
||||
}
|
||||
.ad-gallery .ad-thumbs .ad-thumb-list {
|
||||
float: left;
|
||||
width: 9000px;
|
||||
list-style: none;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li {
|
||||
float: left;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li a {
|
||||
display: block;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li a img {
|
||||
border: 3px solid #CCC;
|
||||
display: block;
|
||||
}
|
||||
.ad-gallery .ad-thumbs li a.ad-active img {
|
||||
border: 3px solid #616161;
|
||||
}
|
||||
/* Can't do display none, since Opera won't load the images then */
|
||||
.ad-preloads {
|
||||
position: absolute;
|
||||
left: -9000px;
|
||||
top: -9000px;
|
||||
}
|
||||
|
||||
.ad-image {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
table { table-layout: fixed; width: 100%; }
|
||||
+984
@@ -0,0 +1,984 @@
|
||||
/**
|
||||
* Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
|
||||
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
||||
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
|
||||
*
|
||||
* Version: 1.2.7
|
||||
*
|
||||
* Demo and documentation: http://coffeescripter.com/code/ad-gallery/
|
||||
*/
|
||||
(function($) {
|
||||
$.fn.adGallery = function(options) {
|
||||
var defaults = { loader_image: './ckeditor/plugins/slideshow/3rdParty/ad-gallery/loader.gif',
|
||||
start_at_index: 0,
|
||||
update_window_hash: true,
|
||||
description_wrapper: false,
|
||||
thumb_opacity: 0.7,
|
||||
animate_first_image: false,
|
||||
animation_speed: 400,
|
||||
width: false,
|
||||
height: false,
|
||||
display_next_and_prev: true,
|
||||
display_back_and_forward: true,
|
||||
scroll_jump: 0, // If 0, it jumps the width of the container
|
||||
slideshow: {
|
||||
enable: true,
|
||||
autostart: false,
|
||||
speed: 5000,
|
||||
start_label: 'Start',
|
||||
stop_label: 'Stop',
|
||||
stop_on_scroll: true,
|
||||
countdown_prefix: '(',
|
||||
countdown_sufix: ')',
|
||||
onStart: false,
|
||||
onStop: false
|
||||
},
|
||||
effect: 'slide-hori', // or 'slide-vert', 'fade', or 'resize', 'none'
|
||||
enable_keyboard_move: true,
|
||||
cycle: true,
|
||||
hooks: {
|
||||
displayDescription: false
|
||||
},
|
||||
callbacks: {
|
||||
init: false,
|
||||
afterImageVisible: false,
|
||||
beforeImageVisible: false
|
||||
}
|
||||
};
|
||||
var settings = $.extend(false, defaults, options);
|
||||
if(options && options.slideshow) {
|
||||
settings.slideshow = $.extend(false, defaults.slideshow, options.slideshow);
|
||||
};
|
||||
if(!settings.slideshow.enable) {
|
||||
settings.slideshow.autostart = false;
|
||||
};
|
||||
var galleries = [];
|
||||
$(this).each(function() {
|
||||
var gallery = new AdGallery(this, settings);
|
||||
galleries[galleries.length] = gallery;
|
||||
});
|
||||
// Sorry, breaking the jQuery chain because the gallery instances
|
||||
// are returned so you can fiddle with them
|
||||
return galleries;
|
||||
};
|
||||
|
||||
function VerticalSlideAnimation(img_container, direction, desc) {
|
||||
var current_top = parseInt(img_container.css('top'), 10);
|
||||
var old_image_top;
|
||||
if(direction == 'left') {
|
||||
old_image_top = '-'+ this.image_wrapper_height +'px';
|
||||
img_container.css('top', this.image_wrapper_height +'px');
|
||||
} else {
|
||||
old_image_top = this.image_wrapper_height +'px';
|
||||
img_container.css('top', '-'+ this.image_wrapper_height +'px');
|
||||
};
|
||||
if(desc) {
|
||||
desc.css('bottom', '-'+ desc[0].offsetHeight +'px');
|
||||
desc.animate({bottom: 0}, this.settings.animation_speed * 2);
|
||||
};
|
||||
if(this.current_description) {
|
||||
this.current_description.animate({bottom: '-'+ this.current_description[0].offsetHeight +'px'}, this.settings.animation_speed * 2);
|
||||
};
|
||||
return {old_image: {top: old_image_top},
|
||||
new_image: {top: current_top}};
|
||||
};
|
||||
|
||||
function HorizontalSlideAnimation(img_container, direction, desc) {
|
||||
var current_left = parseInt(img_container.css('left'), 10);
|
||||
var old_image_left;
|
||||
if(direction == 'left') {
|
||||
old_image_left = '-'+ this.image_wrapper_width +'px';
|
||||
img_container.css('left',this.image_wrapper_width +'px');
|
||||
} else {
|
||||
old_image_left = this.image_wrapper_width +'px';
|
||||
img_container.css('left','-'+ this.image_wrapper_width +'px');
|
||||
};
|
||||
if(desc) {
|
||||
desc.css('bottom', '-'+ desc[0].offsetHeight +'px');
|
||||
desc.animate({bottom: 0}, this.settings.animation_speed * 2);
|
||||
};
|
||||
if(this.current_description) {
|
||||
this.current_description.animate({bottom: '-'+ this.current_description[0].offsetHeight +'px'}, this.settings.animation_speed * 2);
|
||||
};
|
||||
return {old_image: {left: old_image_left},
|
||||
new_image: {left: current_left}};
|
||||
};
|
||||
|
||||
function ResizeAnimation(img_container, direction, desc) {
|
||||
var image_width = img_container.width();
|
||||
var image_height = img_container.height();
|
||||
var current_left = parseInt(img_container.css('left'), 10);
|
||||
var current_top = parseInt(img_container.css('top'), 10);
|
||||
img_container.css({width: 0, height: 0, top: this.image_wrapper_height / 2, left: this.image_wrapper_width / 2});
|
||||
return {old_image: {width: 0,
|
||||
height: 0,
|
||||
top: this.image_wrapper_height / 2,
|
||||
left: this.image_wrapper_width / 2},
|
||||
new_image: {width: image_width,
|
||||
height: image_height,
|
||||
top: current_top,
|
||||
left: current_left}};
|
||||
};
|
||||
|
||||
function FadeAnimation(img_container, direction, desc) {
|
||||
img_container.css('opacity', 0);
|
||||
return {old_image: {opacity: 0},
|
||||
new_image: {opacity: 1}};
|
||||
};
|
||||
|
||||
// Sort of a hack, will clean this up... eventually
|
||||
function NoneAnimation(img_container, direction, desc) {
|
||||
img_container.css('opacity', 0);
|
||||
return {old_image: {opacity: 0},
|
||||
new_image: {opacity: 1},
|
||||
speed: 0};
|
||||
};
|
||||
|
||||
function AdGallery(wrapper, settings) {
|
||||
this.init(wrapper, settings);
|
||||
};
|
||||
AdGallery.prototype = {
|
||||
// Elements
|
||||
wrapper: false,
|
||||
image_wrapper: false,
|
||||
gallery_info: false,
|
||||
nav: false,
|
||||
loader: false,
|
||||
preloads: false,
|
||||
thumbs_wrapper: false,
|
||||
thumbs_wrapper_width: 0,
|
||||
scroll_back: false,
|
||||
scroll_forward: false,
|
||||
next_link: false,
|
||||
prev_link: false,
|
||||
|
||||
slideshow: false,
|
||||
image_wrapper_width: 0,
|
||||
image_wrapper_height: 0,
|
||||
current_index: -1,
|
||||
current_image: false,
|
||||
current_description: false,
|
||||
nav_display_width: 0,
|
||||
settings: false,
|
||||
images: false,
|
||||
in_transition: false,
|
||||
animations: false,
|
||||
init: function(wrapper, settings) {
|
||||
var context = this;
|
||||
this.wrapper = $(wrapper);
|
||||
this.settings = settings;
|
||||
this.setupElements();
|
||||
this.setupAnimations();
|
||||
if(this.settings.width) {
|
||||
this.image_wrapper_width = this.settings.width;
|
||||
this.image_wrapper.width(this.settings.width);
|
||||
this.wrapper.width(this.settings.width);
|
||||
} else {
|
||||
this.image_wrapper_width = this.image_wrapper.width();
|
||||
};
|
||||
if(this.settings.height) {
|
||||
this.image_wrapper_height = this.settings.height;
|
||||
this.image_wrapper.height(this.settings.height);
|
||||
} else {
|
||||
this.image_wrapper_height = this.image_wrapper.height();
|
||||
};
|
||||
this.nav_display_width = this.nav.width();
|
||||
this.current_index = -1;
|
||||
this.current_image = false;
|
||||
this.current_description = false;
|
||||
this.in_transition = false;
|
||||
this.findImages();
|
||||
if(this.settings.display_next_and_prev) {
|
||||
this.initNextAndPrev();
|
||||
};
|
||||
// The slideshow needs a callback to trigger the next image to be shown
|
||||
// but we don't want to give it access to the whole gallery instance
|
||||
var nextimage_callback = function(callback) {
|
||||
return context.nextImage(callback);
|
||||
};
|
||||
this.slideshow = new AdGallerySlideshow(nextimage_callback, this.settings.slideshow);
|
||||
this.controls.append(this.slideshow.create());
|
||||
if(this.settings.slideshow.enable) {
|
||||
this.slideshow.enable();
|
||||
} else {
|
||||
this.slideshow.disable();
|
||||
};
|
||||
if(this.settings.display_back_and_forward) {
|
||||
this.initBackAndForward();
|
||||
};
|
||||
if(this.settings.enable_keyboard_move) {
|
||||
this.initKeyEvents();
|
||||
};
|
||||
this.initHashChange();
|
||||
var start_at = parseInt(this.settings.start_at_index, 10);
|
||||
if(typeof this.getIndexFromHash() != "undefined") {
|
||||
start_at = this.getIndexFromHash();
|
||||
};
|
||||
this.loading(true);
|
||||
this.showImage(start_at,
|
||||
function() {
|
||||
// We don't want to start the slideshow before the image has been
|
||||
// displayed
|
||||
if(context.settings.slideshow.autostart) {
|
||||
context.preloadImage(start_at + 1);
|
||||
context.slideshow.start();
|
||||
};
|
||||
}
|
||||
);
|
||||
this.fireCallback(this.settings.callbacks.init);
|
||||
},
|
||||
setupAnimations: function() {
|
||||
this.animations = {
|
||||
'slide-vert': VerticalSlideAnimation,
|
||||
'slide-hori': HorizontalSlideAnimation,
|
||||
'resize': ResizeAnimation,
|
||||
'fade': FadeAnimation,
|
||||
'none': NoneAnimation
|
||||
};
|
||||
},
|
||||
setupElements: function() {
|
||||
this.controls = this.wrapper.find('.ad-controls');
|
||||
this.gallery_info = $('<p class="ad-info"></p>');
|
||||
this.controls.append(this.gallery_info);
|
||||
this.image_wrapper = this.wrapper.find('.ad-image-wrapper');
|
||||
this.image_wrapper.empty();
|
||||
this.nav = this.wrapper.find('.ad-nav');
|
||||
this.thumbs_wrapper = this.nav.find('.ad-thumbs');
|
||||
this.preloads = $('<div class="ad-preloads"></div>');
|
||||
this.loader = $('<img class="ad-loader" src="'+ this.settings.loader_image +'">');
|
||||
this.image_wrapper.append(this.loader);
|
||||
this.loader.hide();
|
||||
$(document.body).append(this.preloads);
|
||||
},
|
||||
loading: function(bool) {
|
||||
if(bool) {
|
||||
this.loader.show();
|
||||
} else {
|
||||
this.loader.hide();
|
||||
};
|
||||
},
|
||||
addAnimation: function(name, fn) {
|
||||
if($.isFunction(fn)) {
|
||||
this.animations[name] = fn;
|
||||
};
|
||||
},
|
||||
findImages: function() {
|
||||
var context = this;
|
||||
this.images = [];
|
||||
var thumbs_loaded = 0;
|
||||
var thumbs = this.thumbs_wrapper.find('a');
|
||||
var thumb_count = thumbs.length;
|
||||
if(this.settings.thumb_opacity < 1) {
|
||||
thumbs.find('img').css('opacity', this.settings.thumb_opacity);
|
||||
};
|
||||
thumbs.each(
|
||||
function(i) {
|
||||
var link = $(this);
|
||||
link.data("ad-i", i);
|
||||
var image_src = link.attr('href');
|
||||
var thumb = link.find('img');
|
||||
context.whenImageLoaded(thumb[0], function() {
|
||||
var width = thumb[0].parentNode.parentNode.offsetWidth;
|
||||
if(thumb[0].width == 0) {
|
||||
// If the browser tells us that the image is loaded, but the width
|
||||
// is still 0 for some reason, we default to 100px width.
|
||||
// It's not very nice, but it's better than 0.
|
||||
width = 50;
|
||||
};
|
||||
context.thumbs_wrapper_width += width;
|
||||
thumbs_loaded++;
|
||||
});
|
||||
context._initLink(link);
|
||||
context.images[i] = context._createImageData(link, image_src);
|
||||
}
|
||||
);
|
||||
// Wait until all thumbs are loaded, and then set the width of the ul
|
||||
var inter = setInterval(
|
||||
function() {
|
||||
if(thumb_count == thumbs_loaded) {
|
||||
context._setThumbListWidth(context.thumbs_wrapper_width);
|
||||
clearInterval(inter);
|
||||
};
|
||||
},
|
||||
300
|
||||
);
|
||||
},
|
||||
_setThumbListWidth: function(wrapper_width) {
|
||||
wrapper_width += 25;
|
||||
var list = this.nav.find('.ad-thumb-list');
|
||||
list.css('width', wrapper_width +'px');
|
||||
// var list = this.nav.find('.ad-thumb-list');
|
||||
// list.css('width', wrapper_width +'px');
|
||||
// var i = 1;
|
||||
// var last_height = list.height();
|
||||
// while(i < 201) {
|
||||
// list.css('width', (wrapper_width + i) +'px');
|
||||
// if(last_height != list.height()) {
|
||||
// break;
|
||||
// };
|
||||
// last_height = list.height();
|
||||
// i++;
|
||||
// };
|
||||
// if(list.width() < this.nav.width()) {
|
||||
// list.width(this.nav.width());
|
||||
// };
|
||||
},
|
||||
_initLink: function(link) {
|
||||
var context = this;
|
||||
link.click(
|
||||
function() {
|
||||
context.showImage(link.data("ad-i"));
|
||||
context.slideshow.stop();
|
||||
return false;
|
||||
}
|
||||
).hover(
|
||||
function() {
|
||||
if(!$(this).is('.ad-active') && context.settings.thumb_opacity < 1) {
|
||||
$(this).find('img').fadeTo(300, 1);
|
||||
};
|
||||
context.preloadImage(link.data("ad-i"));
|
||||
},
|
||||
function() {
|
||||
if(!$(this).is('.ad-active') && context.settings.thumb_opacity < 1) {
|
||||
$(this).find('img').fadeTo(300, context.settings.thumb_opacity);
|
||||
};
|
||||
}
|
||||
);
|
||||
},
|
||||
_createImageData: function(thumb_link, image_src) {
|
||||
var link = false;
|
||||
var thumb_img = thumb_link.find("img");
|
||||
if(thumb_img.data('ad-link')) {
|
||||
link = thumb_link.data('ad-link');
|
||||
} else if(thumb_img.attr('longdesc') && thumb_img.attr('longdesc').length) {
|
||||
link = thumb_img.attr('longdesc');
|
||||
};
|
||||
var desc = false;
|
||||
if(thumb_img.data('ad-desc')) {
|
||||
desc = thumb_img.data('ad-desc');
|
||||
} else if(thumb_img.attr('alt') && thumb_img.attr('alt').length) {
|
||||
desc = thumb_img.attr('alt');
|
||||
};
|
||||
var title = false;
|
||||
if(thumb_img.data('ad-title')) {
|
||||
title = thumb_img.data('ad-title');
|
||||
} else if(thumb_img.attr('title') && thumb_img.attr('title').length) {
|
||||
title = thumb_img.attr('title');
|
||||
};
|
||||
return { thumb_link: thumb_link, image: image_src, error: false,
|
||||
preloaded: false, desc: desc, title: title, size: false,
|
||||
link: link };
|
||||
},
|
||||
initKeyEvents: function() {
|
||||
var context = this;
|
||||
$(document).keydown(
|
||||
function(e) {
|
||||
if(e.keyCode == 39) {
|
||||
// right arrow
|
||||
context.nextImage();
|
||||
context.slideshow.stop();
|
||||
} else if(e.keyCode == 37) {
|
||||
// left arrow
|
||||
context.prevImage();
|
||||
context.slideshow.stop();
|
||||
};
|
||||
}
|
||||
);
|
||||
},
|
||||
getIndexFromHash: function() {
|
||||
if(window.location.hash && window.location.hash.indexOf('#ad-image-') === 0) {
|
||||
var id = window.location.hash.replace(/^#ad-image-/g, '');
|
||||
var thumb = this.thumbs_wrapper.find("#"+ id);
|
||||
if(thumb.length) {
|
||||
return this.thumbs_wrapper.find("a").index(thumb);
|
||||
} else if(!isNaN(parseInt(id, 10))) {
|
||||
return parseInt(id, 10);
|
||||
};
|
||||
};
|
||||
return undefined;
|
||||
},
|
||||
removeImage: function(index) {
|
||||
if(index < 0 || index >= this.images.length) {
|
||||
throw "Cannot remove image for index "+ index;
|
||||
};
|
||||
var image = this.images[index];
|
||||
this.images.splice(index, 1);
|
||||
var thumb_link = image.thumb_link;
|
||||
var thumb_width = thumb_link[0].parentNode.offsetWidth;
|
||||
this.thumbs_wrapper_width -= thumb_width;
|
||||
thumb_link.remove();
|
||||
this._setThumbListWidth(this.thumbs_wrapper_width);
|
||||
this.gallery_info.html((this.current_index + 1) +' / '+ this.images.length);
|
||||
this.thumbs_wrapper.find('a').each(
|
||||
function(i) {
|
||||
$(this).data("ad-i", i);
|
||||
}
|
||||
);
|
||||
if(index == this.current_index && this.images.length != 0) {
|
||||
this.showImage(0);
|
||||
};
|
||||
},
|
||||
removeAllImages: function() {
|
||||
for (var i = this.images.length - 1; i >= 0; i--) {
|
||||
this.removeImage(i);
|
||||
};
|
||||
},
|
||||
addImage: function(thumb_url, image_url, image_id, title, description) {
|
||||
image_id = image_id || "";
|
||||
title = title || "";
|
||||
description = description || "";
|
||||
var li = $('<li><a href="'+ image_url +'" id="'+ image_id +'">' +
|
||||
'<img src="'+ thumb_url +'" title="'+ title +'" alt="'+ description +'">' +
|
||||
'</a></li>');
|
||||
var context = this;
|
||||
this.thumbs_wrapper.find("ul").append(li);
|
||||
|
||||
var link = li.find("a");
|
||||
var thumb = link.find("img");
|
||||
thumb.css('opacity', this.settings.thumb_opacity);
|
||||
|
||||
this.whenImageLoaded(thumb[0], function() {
|
||||
var thumb_width = thumb[0].parentNode.parentNode.offsetWidth;
|
||||
if(thumb[0].width == 0) {
|
||||
// If the browser tells us that the image is loaded, but the width
|
||||
// is still 0 for some reason, we default to 100px width.
|
||||
// It's not very nice, but it's better than 0.
|
||||
thumb_width = 100;
|
||||
};
|
||||
|
||||
context.thumbs_wrapper_width += thumb_width;
|
||||
context._setThumbListWidth(context.thumbs_wrapper_width);
|
||||
});
|
||||
var i = this.images.length;
|
||||
link.data("ad-i", i);
|
||||
this._initLink(link);
|
||||
this.images[i] = context._createImageData(link, image_url);
|
||||
this.gallery_info.html((this.current_index + 1) +' / '+ this.images.length);
|
||||
},
|
||||
initHashChange: function() {
|
||||
var context = this;
|
||||
if("onhashchange" in window) {
|
||||
$(window).bind("hashchange", function() {
|
||||
var index = context.getIndexFromHash();
|
||||
if(typeof index != "undefined" && index != context.current_index) {
|
||||
context.showImage(index);
|
||||
};
|
||||
});
|
||||
} else {
|
||||
var current_hash = window.location.hash;
|
||||
setInterval(function() {
|
||||
if(window.location.hash != current_hash) {
|
||||
current_hash = window.location.hash;
|
||||
var index = context.getIndexFromHash();
|
||||
if(typeof index != "undefined" && index != context.current_index) {
|
||||
context.showImage(index);
|
||||
};
|
||||
};
|
||||
}, 200);
|
||||
};
|
||||
},
|
||||
initNextAndPrev: function() {
|
||||
this.next_link = $('<div class="ad-next"><div class="ad-next-image"></div></div>');
|
||||
this.prev_link = $('<div class="ad-prev"><div class="ad-prev-image"></div></div>');
|
||||
this.image_wrapper.append(this.next_link);
|
||||
this.image_wrapper.append(this.prev_link);
|
||||
var context = this;
|
||||
this.prev_link.add(this.next_link).mouseover(
|
||||
function(e) {
|
||||
// IE 6 hides the wrapper div, so we have to set it's width
|
||||
$(this).css('height', context.image_wrapper_height);
|
||||
$(this).find('div').show();
|
||||
}
|
||||
).mouseout(
|
||||
function(e) {
|
||||
$(this).find('div').hide();
|
||||
}
|
||||
).click(
|
||||
function() {
|
||||
if($(this).is('.ad-next')) {
|
||||
context.nextImage();
|
||||
context.slideshow.stop();
|
||||
} else {
|
||||
context.prevImage();
|
||||
context.slideshow.stop();
|
||||
};
|
||||
}
|
||||
).find('div').css('opacity', 0.7);
|
||||
},
|
||||
initBackAndForward: function() {
|
||||
var context = this;
|
||||
this.scroll_forward = $('<div class="ad-forward"></div>');
|
||||
this.scroll_back = $('<div class="ad-back"></div>');
|
||||
this.nav.append(this.scroll_forward);
|
||||
this.nav.prepend(this.scroll_back);
|
||||
var has_scrolled = 0;
|
||||
var thumbs_scroll_interval = false;
|
||||
$(this.scroll_back).add(this.scroll_forward).click(
|
||||
function() {
|
||||
// We don't want to jump the whole width, since an image
|
||||
// might be cut at the edge
|
||||
var width = context.nav_display_width - 50;
|
||||
var left;
|
||||
if(context.settings.scroll_jump > 0) {
|
||||
width = context.settings.scroll_jump;
|
||||
};
|
||||
if($(this).is('.ad-forward')) {
|
||||
left = context.thumbs_wrapper.scrollLeft() + width;
|
||||
} else {
|
||||
left = context.thumbs_wrapper.scrollLeft() - width;
|
||||
};
|
||||
if(context.settings.slideshow.stop_on_scroll) {
|
||||
context.slideshow.stop();
|
||||
};
|
||||
context.thumbs_wrapper.animate({scrollLeft: left +'px'});
|
||||
return false;
|
||||
}
|
||||
).css('opacity', 0.6).hover(
|
||||
function() {
|
||||
var direction = 'left';
|
||||
if($(this).is('.ad-forward')) {
|
||||
direction = 'right';
|
||||
};
|
||||
thumbs_scroll_interval = setInterval(
|
||||
function() {
|
||||
has_scrolled++;
|
||||
// Don't want to stop the slideshow just because we scrolled a pixel or two
|
||||
if(has_scrolled > 30 && context.settings.slideshow.stop_on_scroll) {
|
||||
context.slideshow.stop();
|
||||
};
|
||||
var left = context.thumbs_wrapper.scrollLeft() + 1;
|
||||
if(direction == 'left') {
|
||||
left = context.thumbs_wrapper.scrollLeft() - 1;
|
||||
};
|
||||
context.thumbs_wrapper.scrollLeft(left);
|
||||
},
|
||||
10
|
||||
);
|
||||
$(this).css('opacity', 1);
|
||||
},
|
||||
function() {
|
||||
has_scrolled = 0;
|
||||
clearInterval(thumbs_scroll_interval);
|
||||
$(this).css('opacity', 0.6);
|
||||
}
|
||||
);
|
||||
},
|
||||
_afterShow: function() {
|
||||
this.gallery_info.html((this.current_index + 1) +' / '+ this.images.length);
|
||||
if(!this.settings.cycle) {
|
||||
// Needed for IE
|
||||
this.prev_link.show().css('height', this.image_wrapper_height);
|
||||
this.next_link.show().css('height', this.image_wrapper_height);
|
||||
if(this.current_index == (this.images.length - 1)) {
|
||||
this.next_link.hide();
|
||||
};
|
||||
if(this.current_index == 0) {
|
||||
this.prev_link.hide();
|
||||
};
|
||||
};
|
||||
if(this.settings.update_window_hash) {
|
||||
var thumb_link = this.images[this.current_index].thumb_link;
|
||||
if (thumb_link.attr("id")) {
|
||||
window.location.hash = "#ad-image-"+ thumb_link.attr("id");
|
||||
} else {
|
||||
window.location.hash = "#ad-image-"+ this.current_index;
|
||||
};
|
||||
};
|
||||
this.fireCallback(this.settings.callbacks.afterImageVisible);
|
||||
},
|
||||
/**
|
||||
* Checks if the image is small enough to fit inside the container
|
||||
* If it's not, shrink it proportionally
|
||||
*/
|
||||
_getContainedImageSize: function(image_width, image_height) {
|
||||
if(image_height > this.image_wrapper_height) {
|
||||
var ratio = image_width / image_height;
|
||||
image_height = this.image_wrapper_height;
|
||||
image_width = this.image_wrapper_height * ratio;
|
||||
};
|
||||
if(image_width > this.image_wrapper_width) {
|
||||
var ratio = image_height / image_width;
|
||||
image_width = this.image_wrapper_width;
|
||||
image_height = this.image_wrapper_width * ratio;
|
||||
};
|
||||
return {width: image_width, height: image_height};
|
||||
},
|
||||
/**
|
||||
* If the image dimensions are smaller than the wrapper, we position
|
||||
* it in the middle anyway
|
||||
*/
|
||||
_centerImage: function(img_container, image_width, image_height) {
|
||||
//console.log(' Image width :' + image_width);
|
||||
//console.log(' Image height :' + image_height);
|
||||
//console.log(' Image wrapper width :' + this.image_wrapper_width);
|
||||
//console.log(' Image wrapper height:' + this.image_wrapper_height);
|
||||
img_container.css('top', '0px');
|
||||
if(image_height < this.image_wrapper_height) {
|
||||
var dif = this.image_wrapper_height - image_height;
|
||||
img_container.css('top', (dif / 2) +'px');
|
||||
};
|
||||
img_container.css('left', '0px');
|
||||
if(image_width < this.image_wrapper_width) {
|
||||
var dif = this.image_wrapper_width - image_width;
|
||||
img_container.css('left', (dif / 2) +'px');
|
||||
};
|
||||
},
|
||||
_getDescription: function(image) {
|
||||
var desc = '';
|
||||
if(image.desc.length || image.title.length) {
|
||||
var title = '';
|
||||
if(image.title.length) {
|
||||
title = '<strong class="ad-description-title">'+ image.title +'</strong>';
|
||||
};
|
||||
desc = '';
|
||||
if(image.desc.length) {
|
||||
desc = '<span>'+ image.desc +'</span>';
|
||||
};
|
||||
desc = $('<p class="ad-image-description">'+ title + desc +'</p>');
|
||||
};
|
||||
return desc;
|
||||
},
|
||||
/**
|
||||
* @param function callback Gets fired when the image has loaded, is displaying
|
||||
* and it's animation has finished
|
||||
*/
|
||||
showImage: function(index, callback) {
|
||||
if(this.images[index] && !this.in_transition && index != this.current_index) {
|
||||
var context = this;
|
||||
var image = this.images[index];
|
||||
this.in_transition = true;
|
||||
if(!image.preloaded) {
|
||||
this.loading(true);
|
||||
this.preloadImage(index, function() {
|
||||
context.loading(false);
|
||||
context._showWhenLoaded(index, callback);
|
||||
});
|
||||
} else {
|
||||
this._showWhenLoaded(index, callback);
|
||||
};
|
||||
};
|
||||
},
|
||||
/**
|
||||
* @param function callback Gets fired when the image has loaded, is displaying
|
||||
* and it's animation has finished
|
||||
*/
|
||||
_showWhenLoaded: function(index, callback) {
|
||||
if(this.images[index]) {
|
||||
var context = this;
|
||||
var image = this.images[index];
|
||||
var img_container = $(document.createElement('div')).addClass('ad-image');
|
||||
var img = $(new Image()).attr('src', image.image);
|
||||
if(image.link) {
|
||||
var link = $('<a href="'+ image.link +'" target="_blank"></a>');
|
||||
link.append(img);
|
||||
img_container.append(link);
|
||||
} else {
|
||||
img_container.append(img);
|
||||
};
|
||||
this.image_wrapper.prepend(img_container);
|
||||
var size = this._getContainedImageSize(image.size.width, image.size.height);
|
||||
img.attr('width', size.width);
|
||||
img.attr('height', size.height);
|
||||
//console.log(' Image width :' + size.width);
|
||||
//console.log(' Image height :' + size.height);
|
||||
img_container.css({width: size.width +'px', height: size.height +'px'});
|
||||
this._centerImage(img_container, size.width, size.height);
|
||||
var desc = this._getDescription(image);
|
||||
if(desc) {
|
||||
if(!this.settings.description_wrapper && !this.settings.hooks.displayDescription) {
|
||||
img_container.append(desc);
|
||||
var width = size.width - parseInt(desc.css('padding-left'), 10) - parseInt(desc.css('padding-right'), 10);
|
||||
desc.css('width', width +'px');
|
||||
} else if(this.settings.hooks.displayDescription) {
|
||||
this.settings.hooks.displayDescription.call(this, image);
|
||||
} else {
|
||||
var wrapper = this.settings.description_wrapper;
|
||||
wrapper.append(desc);
|
||||
};
|
||||
};
|
||||
this.highLightThumb(this.images[index].thumb_link);
|
||||
|
||||
var direction = 'right';
|
||||
if(this.current_index < index) {
|
||||
direction = 'left';
|
||||
};
|
||||
this.fireCallback(this.settings.callbacks.beforeImageVisible);
|
||||
if(this.current_image || this.settings.animate_first_image) {
|
||||
var animation_speed = this.settings.animation_speed;
|
||||
var easing = 'swing';
|
||||
var animation = this.animations[this.settings.effect].call(this, img_container, direction, desc);
|
||||
if(typeof animation.speed != 'undefined') {
|
||||
animation_speed = animation.speed;
|
||||
};
|
||||
if(typeof animation.easing != 'undefined') {
|
||||
easing = animation.easing;
|
||||
};
|
||||
if(this.current_image) {
|
||||
var old_image = this.current_image;
|
||||
var old_description = this.current_description;
|
||||
old_image.animate(animation.old_image, animation_speed, easing,
|
||||
function() {
|
||||
old_image.remove();
|
||||
if(old_description) old_description.remove();
|
||||
}
|
||||
);
|
||||
};
|
||||
img_container.animate(animation.new_image, animation_speed, easing,
|
||||
function() {
|
||||
context.current_index = index;
|
||||
context.current_image = img_container;
|
||||
context.current_description = desc;
|
||||
context.in_transition = false;
|
||||
context._afterShow();
|
||||
context.fireCallback(callback);
|
||||
}
|
||||
);
|
||||
} else {
|
||||
this.current_index = index;
|
||||
this.current_image = img_container;
|
||||
context.current_description = desc;
|
||||
this.in_transition = false;
|
||||
context._afterShow();
|
||||
this.fireCallback(callback);
|
||||
};
|
||||
};
|
||||
},
|
||||
nextIndex: function() {
|
||||
var next;
|
||||
if(this.current_index == (this.images.length - 1)) {
|
||||
if(!this.settings.cycle) {
|
||||
return false;
|
||||
};
|
||||
next = 0;
|
||||
} else {
|
||||
next = this.current_index + 1;
|
||||
};
|
||||
return next;
|
||||
},
|
||||
nextImage: function(callback) {
|
||||
var next = this.nextIndex();
|
||||
if(next === false) return false;
|
||||
this.preloadImage(next + 1);
|
||||
this.showImage(next, callback);
|
||||
return true;
|
||||
},
|
||||
prevIndex: function() {
|
||||
var prev;
|
||||
if(this.current_index == 0) {
|
||||
if(!this.settings.cycle) {
|
||||
return false;
|
||||
};
|
||||
prev = this.images.length - 1;
|
||||
} else {
|
||||
prev = this.current_index - 1;
|
||||
};
|
||||
return prev;
|
||||
},
|
||||
prevImage: function(callback) {
|
||||
var prev = this.prevIndex();
|
||||
if(prev === false) return false;
|
||||
this.preloadImage(prev - 1);
|
||||
this.showImage(prev, callback);
|
||||
return true;
|
||||
},
|
||||
preloadAll: function() {
|
||||
var context = this;
|
||||
var i = 0;
|
||||
function preloadNext() {
|
||||
if(i < context.images.length) {
|
||||
i++;
|
||||
context.preloadImage(i, preloadNext);
|
||||
};
|
||||
};
|
||||
context.preloadImage(i, preloadNext);
|
||||
},
|
||||
preloadImage: function(index, callback) {
|
||||
if(this.images[index]) {
|
||||
var image = this.images[index];
|
||||
if(!this.images[index].preloaded) {
|
||||
var img = $(new Image());
|
||||
img.attr('src', image.image);
|
||||
if(!this.isImageLoaded(img[0])) {
|
||||
this.preloads.append(img);
|
||||
var context = this;
|
||||
img.load(
|
||||
function() {
|
||||
image.preloaded = true;
|
||||
image.size = { width: this.width, height: this.height };
|
||||
context.fireCallback(callback);
|
||||
}
|
||||
).error(
|
||||
function() {
|
||||
image.error = true;
|
||||
image.preloaded = false;
|
||||
image.size = false;
|
||||
}
|
||||
);
|
||||
} else {
|
||||
image.preloaded = true;
|
||||
image.size = { width: img[0].width, height: img[0].height };
|
||||
this.fireCallback(callback);
|
||||
};
|
||||
} else {
|
||||
this.fireCallback(callback);
|
||||
};
|
||||
};
|
||||
},
|
||||
whenImageLoaded: function(img, callback) {
|
||||
if (this.isImageLoaded(img)) {
|
||||
callback && callback();
|
||||
} else {
|
||||
$(img).load(callback);
|
||||
};
|
||||
},
|
||||
isImageLoaded: function(img) {
|
||||
if(typeof img.complete != 'undefined' && !img.complete) {
|
||||
return false;
|
||||
};
|
||||
if(typeof img.naturalWidth != 'undefined' && img.naturalWidth == 0) {
|
||||
return false;
|
||||
};
|
||||
return true;
|
||||
},
|
||||
highLightThumb: function(thumb) {
|
||||
this.thumbs_wrapper.find('.ad-active').removeClass('ad-active');
|
||||
thumb.addClass('ad-active');
|
||||
if(this.settings.thumb_opacity < 1) {
|
||||
this.thumbs_wrapper.find('a:not(.ad-active) img').fadeTo(300, this.settings.thumb_opacity);
|
||||
thumb.find('img').fadeTo(300, 1);
|
||||
};
|
||||
var left = thumb[0].parentNode.offsetLeft;
|
||||
left -= (this.nav_display_width / 2) - (thumb[0].offsetWidth / 2);
|
||||
this.thumbs_wrapper.animate({scrollLeft: left +'px'});
|
||||
},
|
||||
fireCallback: function(fn) {
|
||||
if($.isFunction(fn)) {
|
||||
fn.call(this);
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
function AdGallerySlideshow(nextimage_callback, settings) {
|
||||
this.init(nextimage_callback, settings);
|
||||
};
|
||||
AdGallerySlideshow.prototype = {
|
||||
start_link: false,
|
||||
stop_link: false,
|
||||
countdown: false,
|
||||
controls: false,
|
||||
|
||||
settings: false,
|
||||
nextimage_callback: false,
|
||||
enabled: false,
|
||||
running: false,
|
||||
countdown_interval: false,
|
||||
init: function(nextimage_callback, settings) {
|
||||
this.nextimage_callback = nextimage_callback;
|
||||
this.settings = settings;
|
||||
},
|
||||
create: function() {
|
||||
this.start_link = $('<span class="ad-slideshow-start">'+ this.settings.start_label +'</span>');
|
||||
this.stop_link = $('<span class="ad-slideshow-stop">'+ this.settings.stop_label +'</span>');
|
||||
this.countdown = $('<span class="ad-slideshow-countdown"></span>');
|
||||
this.controls = $('<div class="ad-slideshow-controls"></div>');
|
||||
this.controls.append(this.start_link).append(this.stop_link).append(this.countdown);
|
||||
this.countdown.hide();
|
||||
|
||||
var context = this;
|
||||
this.start_link.click(
|
||||
function() {
|
||||
context.start();
|
||||
}
|
||||
);
|
||||
this.stop_link.click(
|
||||
function() {
|
||||
context.stop();
|
||||
}
|
||||
);
|
||||
$(document).keydown(
|
||||
function(e) {
|
||||
if(e.keyCode == 83) {
|
||||
// 's'
|
||||
if(context.running) {
|
||||
context.stop();
|
||||
} else {
|
||||
context.start();
|
||||
};
|
||||
};
|
||||
}
|
||||
);
|
||||
return this.controls;
|
||||
},
|
||||
disable: function() {
|
||||
this.enabled = false;
|
||||
this.stop();
|
||||
this.controls.hide();
|
||||
},
|
||||
enable: function() {
|
||||
this.enabled = true;
|
||||
this.controls.show();
|
||||
},
|
||||
toggle: function() {
|
||||
if(this.enabled) {
|
||||
this.disable();
|
||||
} else {
|
||||
this.enable();
|
||||
};
|
||||
},
|
||||
start: function() {
|
||||
if(this.running || !this.enabled) return false;
|
||||
this.running = true;
|
||||
this.controls.addClass('ad-slideshow-running');
|
||||
this._next();
|
||||
this.fireCallback(this.settings.onStart);
|
||||
return true;
|
||||
},
|
||||
stop: function() {
|
||||
if(!this.running) return false;
|
||||
this.running = false;
|
||||
this.countdown.hide();
|
||||
this.controls.removeClass('ad-slideshow-running');
|
||||
clearInterval(this.countdown_interval);
|
||||
this.fireCallback(this.settings.onStop);
|
||||
return true;
|
||||
},
|
||||
_next: function() {
|
||||
var context = this;
|
||||
var pre = this.settings.countdown_prefix;
|
||||
var su = this.settings.countdown_sufix;
|
||||
clearInterval(context.countdown_interval);
|
||||
this.countdown.show().html(pre + (this.settings.speed / 1000) + su);
|
||||
var slide_timer = 0;
|
||||
this.countdown_interval = setInterval(
|
||||
function() {
|
||||
slide_timer += 1000;
|
||||
if(slide_timer >= context.settings.speed) {
|
||||
var whenNextIsShown = function() {
|
||||
// A check so the user hasn't stoped the slideshow during the
|
||||
// animation
|
||||
if(context.running) {
|
||||
context._next();
|
||||
};
|
||||
slide_timer = 0;
|
||||
};
|
||||
if(!context.nextimage_callback(whenNextIsShown)) {
|
||||
context.stop();
|
||||
};
|
||||
slide_timer = 0;
|
||||
};
|
||||
var sec = parseInt(context.countdown.text().replace(/[^0-9]/g, ''), 10);
|
||||
sec--;
|
||||
if(sec > 0) {
|
||||
context.countdown.html(pre + sec + su);
|
||||
};
|
||||
},
|
||||
1000
|
||||
);
|
||||
},
|
||||
fireCallback: function(fn) {
|
||||
if($.isFunction(fn)) {
|
||||
fn.call(this);
|
||||
};
|
||||
}
|
||||
};
|
||||
})(jQuery);
|
||||
+984
@@ -0,0 +1,984 @@
|
||||
/**
|
||||
* Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
|
||||
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
||||
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
|
||||
*
|
||||
* Version: 1.2.7
|
||||
*
|
||||
* Demo and documentation: http://coffeescripter.com/code/ad-gallery/
|
||||
*/
|
||||
(function($) {
|
||||
$.fn.adGallery = function(options) {
|
||||
var defaults = { loader_image: './ad-gallery/loader.gif',
|
||||
start_at_index: 0,
|
||||
update_window_hash: true,
|
||||
description_wrapper: false,
|
||||
thumb_opacity: 0.7,
|
||||
animate_first_image: false,
|
||||
animation_speed: 400,
|
||||
width: false,
|
||||
height: false,
|
||||
display_next_and_prev: true,
|
||||
display_back_and_forward: true,
|
||||
scroll_jump: 0, // If 0, it jumps the width of the container
|
||||
slideshow: {
|
||||
enable: true,
|
||||
autostart: false,
|
||||
speed: 5000,
|
||||
start_label: 'Start',
|
||||
stop_label: 'Stop',
|
||||
stop_on_scroll: true,
|
||||
countdown_prefix: '(',
|
||||
countdown_sufix: ')',
|
||||
onStart: false,
|
||||
onStop: false
|
||||
},
|
||||
effect: 'slide-hori', // or 'slide-vert', 'fade', or 'resize', 'none'
|
||||
enable_keyboard_move: true,
|
||||
cycle: true,
|
||||
hooks: {
|
||||
displayDescription: false
|
||||
},
|
||||
callbacks: {
|
||||
init: false,
|
||||
afterImageVisible: false,
|
||||
beforeImageVisible: false
|
||||
}
|
||||
};
|
||||
var settings = $.extend(false, defaults, options);
|
||||
if(options && options.slideshow) {
|
||||
settings.slideshow = $.extend(false, defaults.slideshow, options.slideshow);
|
||||
};
|
||||
if(!settings.slideshow.enable) {
|
||||
settings.slideshow.autostart = false;
|
||||
};
|
||||
var galleries = [];
|
||||
$(this).each(function() {
|
||||
var gallery = new AdGallery(this, settings);
|
||||
galleries[galleries.length] = gallery;
|
||||
});
|
||||
// Sorry, breaking the jQuery chain because the gallery instances
|
||||
// are returned so you can fiddle with them
|
||||
return galleries;
|
||||
};
|
||||
|
||||
function VerticalSlideAnimation(img_container, direction, desc) {
|
||||
var current_top = parseInt(img_container.css('top'), 10);
|
||||
var old_image_top;
|
||||
if(direction == 'left') {
|
||||
old_image_top = '-'+ this.image_wrapper_height +'px';
|
||||
img_container.css('top', this.image_wrapper_height +'px');
|
||||
} else {
|
||||
old_image_top = this.image_wrapper_height +'px';
|
||||
img_container.css('top', '-'+ this.image_wrapper_height +'px');
|
||||
};
|
||||
if(desc) {
|
||||
desc.css('bottom', '-'+ desc[0].offsetHeight +'px');
|
||||
desc.animate({bottom: 0}, this.settings.animation_speed * 2);
|
||||
};
|
||||
if(this.current_description) {
|
||||
this.current_description.animate({bottom: '-'+ this.current_description[0].offsetHeight +'px'}, this.settings.animation_speed * 2);
|
||||
};
|
||||
return {old_image: {top: old_image_top},
|
||||
new_image: {top: current_top}};
|
||||
};
|
||||
|
||||
function HorizontalSlideAnimation(img_container, direction, desc) {
|
||||
var current_left = parseInt(img_container.css('left'), 10);
|
||||
var old_image_left;
|
||||
if(direction == 'left') {
|
||||
old_image_left = '-'+ this.image_wrapper_width +'px';
|
||||
img_container.css('left',this.image_wrapper_width +'px');
|
||||
} else {
|
||||
old_image_left = this.image_wrapper_width +'px';
|
||||
img_container.css('left','-'+ this.image_wrapper_width +'px');
|
||||
};
|
||||
if(desc) {
|
||||
desc.css('bottom', '-'+ desc[0].offsetHeight +'px');
|
||||
desc.animate({bottom: 0}, this.settings.animation_speed * 2);
|
||||
};
|
||||
if(this.current_description) {
|
||||
this.current_description.animate({bottom: '-'+ this.current_description[0].offsetHeight +'px'}, this.settings.animation_speed * 2);
|
||||
};
|
||||
return {old_image: {left: old_image_left},
|
||||
new_image: {left: current_left}};
|
||||
};
|
||||
|
||||
function ResizeAnimation(img_container, direction, desc) {
|
||||
var image_width = img_container.width();
|
||||
var image_height = img_container.height();
|
||||
var current_left = parseInt(img_container.css('left'), 10);
|
||||
var current_top = parseInt(img_container.css('top'), 10);
|
||||
img_container.css({width: 0, height: 0, top: this.image_wrapper_height / 2, left: this.image_wrapper_width / 2});
|
||||
return {old_image: {width: 0,
|
||||
height: 0,
|
||||
top: this.image_wrapper_height / 2,
|
||||
left: this.image_wrapper_width / 2},
|
||||
new_image: {width: image_width,
|
||||
height: image_height,
|
||||
top: current_top,
|
||||
left: current_left}};
|
||||
};
|
||||
|
||||
function FadeAnimation(img_container, direction, desc) {
|
||||
img_container.css('opacity', 0);
|
||||
return {old_image: {opacity: 0},
|
||||
new_image: {opacity: 1}};
|
||||
};
|
||||
|
||||
// Sort of a hack, will clean this up... eventually
|
||||
function NoneAnimation(img_container, direction, desc) {
|
||||
img_container.css('opacity', 0);
|
||||
return {old_image: {opacity: 0},
|
||||
new_image: {opacity: 1},
|
||||
speed: 0};
|
||||
};
|
||||
|
||||
function AdGallery(wrapper, settings) {
|
||||
this.init(wrapper, settings);
|
||||
};
|
||||
AdGallery.prototype = {
|
||||
// Elements
|
||||
wrapper: false,
|
||||
image_wrapper: false,
|
||||
gallery_info: false,
|
||||
nav: false,
|
||||
loader: false,
|
||||
preloads: false,
|
||||
thumbs_wrapper: false,
|
||||
thumbs_wrapper_width: 0,
|
||||
scroll_back: false,
|
||||
scroll_forward: false,
|
||||
next_link: false,
|
||||
prev_link: false,
|
||||
|
||||
slideshow: false,
|
||||
image_wrapper_width: 0,
|
||||
image_wrapper_height: 0,
|
||||
current_index: -1,
|
||||
current_image: false,
|
||||
current_description: false,
|
||||
nav_display_width: 0,
|
||||
settings: false,
|
||||
images: false,
|
||||
in_transition: false,
|
||||
animations: false,
|
||||
init: function(wrapper, settings) {
|
||||
var context = this;
|
||||
this.wrapper = $(wrapper);
|
||||
this.settings = settings;
|
||||
this.setupElements();
|
||||
this.setupAnimations();
|
||||
if(this.settings.width) {
|
||||
this.image_wrapper_width = this.settings.width;
|
||||
this.image_wrapper.width(this.settings.width);
|
||||
this.wrapper.width(this.settings.width);
|
||||
} else {
|
||||
this.image_wrapper_width = this.image_wrapper.width();
|
||||
};
|
||||
if(this.settings.height) {
|
||||
this.image_wrapper_height = this.settings.height;
|
||||
this.image_wrapper.height(this.settings.height);
|
||||
} else {
|
||||
this.image_wrapper_height = this.image_wrapper.height();
|
||||
};
|
||||
this.nav_display_width = this.nav.width();
|
||||
this.current_index = -1;
|
||||
this.current_image = false;
|
||||
this.current_description = false;
|
||||
this.in_transition = false;
|
||||
this.findImages();
|
||||
if(this.settings.display_next_and_prev) {
|
||||
this.initNextAndPrev();
|
||||
};
|
||||
// The slideshow needs a callback to trigger the next image to be shown
|
||||
// but we don't want to give it access to the whole gallery instance
|
||||
var nextimage_callback = function(callback) {
|
||||
return context.nextImage(callback);
|
||||
};
|
||||
this.slideshow = new AdGallerySlideshow(nextimage_callback, this.settings.slideshow);
|
||||
this.controls.append(this.slideshow.create());
|
||||
if(this.settings.slideshow.enable) {
|
||||
this.slideshow.enable();
|
||||
} else {
|
||||
this.slideshow.disable();
|
||||
};
|
||||
if(this.settings.display_back_and_forward) {
|
||||
this.initBackAndForward();
|
||||
};
|
||||
if(this.settings.enable_keyboard_move) {
|
||||
this.initKeyEvents();
|
||||
};
|
||||
this.initHashChange();
|
||||
var start_at = parseInt(this.settings.start_at_index, 10);
|
||||
if(typeof this.getIndexFromHash() != "undefined") {
|
||||
start_at = this.getIndexFromHash();
|
||||
};
|
||||
this.loading(true);
|
||||
this.showImage(start_at,
|
||||
function() {
|
||||
// We don't want to start the slideshow before the image has been
|
||||
// displayed
|
||||
if(context.settings.slideshow.autostart) {
|
||||
context.preloadImage(start_at + 1);
|
||||
context.slideshow.start();
|
||||
};
|
||||
}
|
||||
);
|
||||
this.fireCallback(this.settings.callbacks.init);
|
||||
},
|
||||
setupAnimations: function() {
|
||||
this.animations = {
|
||||
'slide-vert': VerticalSlideAnimation,
|
||||
'slide-hori': HorizontalSlideAnimation,
|
||||
'resize': ResizeAnimation,
|
||||
'fade': FadeAnimation,
|
||||
'none': NoneAnimation
|
||||
};
|
||||
},
|
||||
setupElements: function() {
|
||||
this.controls = this.wrapper.find('.ad-controls');
|
||||
this.gallery_info = $('<p class="ad-info"></p>');
|
||||
this.controls.append(this.gallery_info);
|
||||
this.image_wrapper = this.wrapper.find('.ad-image-wrapper');
|
||||
this.image_wrapper.empty();
|
||||
this.nav = this.wrapper.find('.ad-nav');
|
||||
this.thumbs_wrapper = this.nav.find('.ad-thumbs');
|
||||
this.preloads = $('<div class="ad-preloads"></div>');
|
||||
this.loader = $('<img class="ad-loader" src="'+ this.settings.loader_image +'">');
|
||||
this.image_wrapper.append(this.loader);
|
||||
this.loader.hide();
|
||||
$(document.body).append(this.preloads);
|
||||
},
|
||||
loading: function(bool) {
|
||||
if(bool) {
|
||||
this.loader.show();
|
||||
} else {
|
||||
this.loader.hide();
|
||||
};
|
||||
},
|
||||
addAnimation: function(name, fn) {
|
||||
if($.isFunction(fn)) {
|
||||
this.animations[name] = fn;
|
||||
};
|
||||
},
|
||||
findImages: function() {
|
||||
var context = this;
|
||||
this.images = [];
|
||||
var thumbs_loaded = 0;
|
||||
var thumbs = this.thumbs_wrapper.find('a');
|
||||
var thumb_count = thumbs.length;
|
||||
if(this.settings.thumb_opacity < 1) {
|
||||
thumbs.find('img').css('opacity', this.settings.thumb_opacity);
|
||||
};
|
||||
thumbs.each(
|
||||
function(i) {
|
||||
var link = $(this);
|
||||
link.data("ad-i", i);
|
||||
var image_src = link.attr('href');
|
||||
var thumb = link.find('img');
|
||||
context.whenImageLoaded(thumb[0], function() {
|
||||
var width = thumb[0].parentNode.parentNode.offsetWidth;
|
||||
if(thumb[0].width == 0) {
|
||||
// If the browser tells us that the image is loaded, but the width
|
||||
// is still 0 for some reason, we default to 100px width.
|
||||
// It's not very nice, but it's better than 0.
|
||||
width = 50;
|
||||
};
|
||||
context.thumbs_wrapper_width += width;
|
||||
thumbs_loaded++;
|
||||
});
|
||||
context._initLink(link);
|
||||
context.images[i] = context._createImageData(link, image_src);
|
||||
}
|
||||
);
|
||||
// Wait until all thumbs are loaded, and then set the width of the ul
|
||||
var inter = setInterval(
|
||||
function() {
|
||||
if(thumb_count == thumbs_loaded) {
|
||||
context._setThumbListWidth(context.thumbs_wrapper_width);
|
||||
clearInterval(inter);
|
||||
};
|
||||
},
|
||||
300
|
||||
);
|
||||
},
|
||||
_setThumbListWidth: function(wrapper_width) {
|
||||
wrapper_width += 25;
|
||||
var list = this.nav.find('.ad-thumb-list');
|
||||
list.css('width', wrapper_width +'px');
|
||||
// var list = this.nav.find('.ad-thumb-list');
|
||||
// list.css('width', wrapper_width +'px');
|
||||
// var i = 1;
|
||||
// var last_height = list.height();
|
||||
// while(i < 201) {
|
||||
// list.css('width', (wrapper_width + i) +'px');
|
||||
// if(last_height != list.height()) {
|
||||
// break;
|
||||
// };
|
||||
// last_height = list.height();
|
||||
// i++;
|
||||
// };
|
||||
// if(list.width() < this.nav.width()) {
|
||||
// list.width(this.nav.width());
|
||||
// };
|
||||
},
|
||||
_initLink: function(link) {
|
||||
var context = this;
|
||||
link.click(
|
||||
function() {
|
||||
context.showImage(link.data("ad-i"));
|
||||
context.slideshow.stop();
|
||||
return false;
|
||||
}
|
||||
).hover(
|
||||
function() {
|
||||
if(!$(this).is('.ad-active') && context.settings.thumb_opacity < 1) {
|
||||
$(this).find('img').fadeTo(300, 1);
|
||||
};
|
||||
context.preloadImage(link.data("ad-i"));
|
||||
},
|
||||
function() {
|
||||
if(!$(this).is('.ad-active') && context.settings.thumb_opacity < 1) {
|
||||
$(this).find('img').fadeTo(300, context.settings.thumb_opacity);
|
||||
};
|
||||
}
|
||||
);
|
||||
},
|
||||
_createImageData: function(thumb_link, image_src) {
|
||||
var link = false;
|
||||
var thumb_img = thumb_link.find("img");
|
||||
if(thumb_img.data('ad-link')) {
|
||||
link = thumb_link.data('ad-link');
|
||||
} else if(thumb_img.attr('longdesc') && thumb_img.attr('longdesc').length) {
|
||||
link = thumb_img.attr('longdesc');
|
||||
};
|
||||
var desc = false;
|
||||
if(thumb_img.data('ad-desc')) {
|
||||
desc = thumb_img.data('ad-desc');
|
||||
} else if(thumb_img.attr('alt') && thumb_img.attr('alt').length) {
|
||||
desc = thumb_img.attr('alt');
|
||||
};
|
||||
var title = false;
|
||||
if(thumb_img.data('ad-title')) {
|
||||
title = thumb_img.data('ad-title');
|
||||
} else if(thumb_img.attr('title') && thumb_img.attr('title').length) {
|
||||
title = thumb_img.attr('title');
|
||||
};
|
||||
return { thumb_link: thumb_link, image: image_src, error: false,
|
||||
preloaded: false, desc: desc, title: title, size: false,
|
||||
link: link };
|
||||
},
|
||||
initKeyEvents: function() {
|
||||
var context = this;
|
||||
$(document).keydown(
|
||||
function(e) {
|
||||
if(e.keyCode == 39) {
|
||||
// right arrow
|
||||
context.nextImage();
|
||||
context.slideshow.stop();
|
||||
} else if(e.keyCode == 37) {
|
||||
// left arrow
|
||||
context.prevImage();
|
||||
context.slideshow.stop();
|
||||
};
|
||||
}
|
||||
);
|
||||
},
|
||||
getIndexFromHash: function() {
|
||||
if(window.location.hash && window.location.hash.indexOf('#ad-image-') === 0) {
|
||||
var id = window.location.hash.replace(/^#ad-image-/g, '');
|
||||
var thumb = this.thumbs_wrapper.find("#"+ id);
|
||||
if(thumb.length) {
|
||||
return this.thumbs_wrapper.find("a").index(thumb);
|
||||
} else if(!isNaN(parseInt(id, 10))) {
|
||||
return parseInt(id, 10);
|
||||
};
|
||||
};
|
||||
return undefined;
|
||||
},
|
||||
removeImage: function(index) {
|
||||
if(index < 0 || index >= this.images.length) {
|
||||
throw "Cannot remove image for index "+ index;
|
||||
};
|
||||
var image = this.images[index];
|
||||
this.images.splice(index, 1);
|
||||
var thumb_link = image.thumb_link;
|
||||
var thumb_width = thumb_link[0].parentNode.offsetWidth;
|
||||
this.thumbs_wrapper_width -= thumb_width;
|
||||
thumb_link.remove();
|
||||
this._setThumbListWidth(this.thumbs_wrapper_width);
|
||||
this.gallery_info.html((this.current_index + 1) +' / '+ this.images.length);
|
||||
this.thumbs_wrapper.find('a').each(
|
||||
function(i) {
|
||||
$(this).data("ad-i", i);
|
||||
}
|
||||
);
|
||||
if(index == this.current_index && this.images.length != 0) {
|
||||
this.showImage(0);
|
||||
};
|
||||
},
|
||||
removeAllImages: function() {
|
||||
for (var i = this.images.length - 1; i >= 0; i--) {
|
||||
this.removeImage(i);
|
||||
};
|
||||
},
|
||||
addImage: function(thumb_url, image_url, image_id, title, description) {
|
||||
image_id = image_id || "";
|
||||
title = title || "";
|
||||
description = description || "";
|
||||
var li = $('<li><a href="'+ image_url +'" id="'+ image_id +'">' +
|
||||
'<img src="'+ thumb_url +'" title="'+ title +'" alt="'+ description +'">' +
|
||||
'</a></li>');
|
||||
var context = this;
|
||||
this.thumbs_wrapper.find("ul").append(li);
|
||||
|
||||
var link = li.find("a");
|
||||
var thumb = link.find("img");
|
||||
thumb.css('opacity', this.settings.thumb_opacity);
|
||||
|
||||
this.whenImageLoaded(thumb[0], function() {
|
||||
var thumb_width = thumb[0].parentNode.parentNode.offsetWidth;
|
||||
if(thumb[0].width == 0) {
|
||||
// If the browser tells us that the image is loaded, but the width
|
||||
// is still 0 for some reason, we default to 100px width.
|
||||
// It's not very nice, but it's better than 0.
|
||||
thumb_width = 100;
|
||||
};
|
||||
|
||||
context.thumbs_wrapper_width += thumb_width;
|
||||
context._setThumbListWidth(context.thumbs_wrapper_width);
|
||||
});
|
||||
var i = this.images.length;
|
||||
link.data("ad-i", i);
|
||||
this._initLink(link);
|
||||
this.images[i] = context._createImageData(link, image_url);
|
||||
this.gallery_info.html((this.current_index + 1) +' / '+ this.images.length);
|
||||
},
|
||||
initHashChange: function() {
|
||||
var context = this;
|
||||
if("onhashchange" in window) {
|
||||
$(window).bind("hashchange", function() {
|
||||
var index = context.getIndexFromHash();
|
||||
if(typeof index != "undefined" && index != context.current_index) {
|
||||
context.showImage(index);
|
||||
};
|
||||
});
|
||||
} else {
|
||||
var current_hash = window.location.hash;
|
||||
setInterval(function() {
|
||||
if(window.location.hash != current_hash) {
|
||||
current_hash = window.location.hash;
|
||||
var index = context.getIndexFromHash();
|
||||
if(typeof index != "undefined" && index != context.current_index) {
|
||||
context.showImage(index);
|
||||
};
|
||||
};
|
||||
}, 200);
|
||||
};
|
||||
},
|
||||
initNextAndPrev: function() {
|
||||
this.next_link = $('<div class="ad-next"><div class="ad-next-image"></div></div>');
|
||||
this.prev_link = $('<div class="ad-prev"><div class="ad-prev-image"></div></div>');
|
||||
this.image_wrapper.append(this.next_link);
|
||||
this.image_wrapper.append(this.prev_link);
|
||||
var context = this;
|
||||
this.prev_link.add(this.next_link).mouseover(
|
||||
function(e) {
|
||||
// IE 6 hides the wrapper div, so we have to set it's width
|
||||
$(this).css('height', context.image_wrapper_height);
|
||||
$(this).find('div').show();
|
||||
}
|
||||
).mouseout(
|
||||
function(e) {
|
||||
$(this).find('div').hide();
|
||||
}
|
||||
).click(
|
||||
function() {
|
||||
if($(this).is('.ad-next')) {
|
||||
context.nextImage();
|
||||
context.slideshow.stop();
|
||||
} else {
|
||||
context.prevImage();
|
||||
context.slideshow.stop();
|
||||
};
|
||||
}
|
||||
).find('div').css('opacity', 0.7);
|
||||
},
|
||||
initBackAndForward: function() {
|
||||
var context = this;
|
||||
this.scroll_forward = $('<div class="ad-forward"></div>');
|
||||
this.scroll_back = $('<div class="ad-back"></div>');
|
||||
this.nav.append(this.scroll_forward);
|
||||
this.nav.prepend(this.scroll_back);
|
||||
var has_scrolled = 0;
|
||||
var thumbs_scroll_interval = false;
|
||||
$(this.scroll_back).add(this.scroll_forward).click(
|
||||
function() {
|
||||
// We don't want to jump the whole width, since an image
|
||||
// might be cut at the edge
|
||||
var width = context.nav_display_width - 50;
|
||||
var left;
|
||||
if(context.settings.scroll_jump > 0) {
|
||||
width = context.settings.scroll_jump;
|
||||
};
|
||||
if($(this).is('.ad-forward')) {
|
||||
left = context.thumbs_wrapper.scrollLeft() + width;
|
||||
} else {
|
||||
left = context.thumbs_wrapper.scrollLeft() - width;
|
||||
};
|
||||
if(context.settings.slideshow.stop_on_scroll) {
|
||||
context.slideshow.stop();
|
||||
};
|
||||
context.thumbs_wrapper.animate({scrollLeft: left +'px'});
|
||||
return false;
|
||||
}
|
||||
).css('opacity', 0.6).hover(
|
||||
function() {
|
||||
var direction = 'left';
|
||||
if($(this).is('.ad-forward')) {
|
||||
direction = 'right';
|
||||
};
|
||||
thumbs_scroll_interval = setInterval(
|
||||
function() {
|
||||
has_scrolled++;
|
||||
// Don't want to stop the slideshow just because we scrolled a pixel or two
|
||||
if(has_scrolled > 30 && context.settings.slideshow.stop_on_scroll) {
|
||||
context.slideshow.stop();
|
||||
};
|
||||
var left = context.thumbs_wrapper.scrollLeft() + 1;
|
||||
if(direction == 'left') {
|
||||
left = context.thumbs_wrapper.scrollLeft() - 1;
|
||||
};
|
||||
context.thumbs_wrapper.scrollLeft(left);
|
||||
},
|
||||
10
|
||||
);
|
||||
$(this).css('opacity', 1);
|
||||
},
|
||||
function() {
|
||||
has_scrolled = 0;
|
||||
clearInterval(thumbs_scroll_interval);
|
||||
$(this).css('opacity', 0.6);
|
||||
}
|
||||
);
|
||||
},
|
||||
_afterShow: function() {
|
||||
this.gallery_info.html((this.current_index + 1) +' / '+ this.images.length);
|
||||
if(!this.settings.cycle) {
|
||||
// Needed for IE
|
||||
this.prev_link.show().css('height', this.image_wrapper_height);
|
||||
this.next_link.show().css('height', this.image_wrapper_height);
|
||||
if(this.current_index == (this.images.length - 1)) {
|
||||
this.next_link.hide();
|
||||
};
|
||||
if(this.current_index == 0) {
|
||||
this.prev_link.hide();
|
||||
};
|
||||
};
|
||||
if(this.settings.update_window_hash) {
|
||||
var thumb_link = this.images[this.current_index].thumb_link;
|
||||
if (thumb_link.attr("id")) {
|
||||
window.location.hash = "#ad-image-"+ thumb_link.attr("id");
|
||||
} else {
|
||||
window.location.hash = "#ad-image-"+ this.current_index;
|
||||
};
|
||||
};
|
||||
this.fireCallback(this.settings.callbacks.afterImageVisible);
|
||||
},
|
||||
/**
|
||||
* Checks if the image is small enough to fit inside the container
|
||||
* If it's not, shrink it proportionally
|
||||
*/
|
||||
_getContainedImageSize: function(image_width, image_height) {
|
||||
if(image_height > this.image_wrapper_height) {
|
||||
var ratio = image_width / image_height;
|
||||
image_height = this.image_wrapper_height;
|
||||
image_width = this.image_wrapper_height * ratio;
|
||||
};
|
||||
if(image_width > this.image_wrapper_width) {
|
||||
var ratio = image_height / image_width;
|
||||
image_width = this.image_wrapper_width;
|
||||
image_height = this.image_wrapper_width * ratio;
|
||||
};
|
||||
return {width: image_width, height: image_height};
|
||||
},
|
||||
/**
|
||||
* If the image dimensions are smaller than the wrapper, we position
|
||||
* it in the middle anyway
|
||||
*/
|
||||
_centerImage: function(img_container, image_width, image_height) {
|
||||
//console.log(' Image width :' + image_width);
|
||||
//console.log(' Image height :' + image_height);
|
||||
//console.log(' Image wrapper width :' + this.image_wrapper_width);
|
||||
//console.log(' Image wrapper height:' + this.image_wrapper_height);
|
||||
img_container.css('top', '0px');
|
||||
if(image_height < this.image_wrapper_height) {
|
||||
var dif = this.image_wrapper_height - image_height;
|
||||
img_container.css('top', (dif / 2) +'px');
|
||||
};
|
||||
img_container.css('left', '0px');
|
||||
if(image_width < this.image_wrapper_width) {
|
||||
var dif = this.image_wrapper_width - image_width;
|
||||
img_container.css('left', (dif / 2) +'px');
|
||||
};
|
||||
},
|
||||
_getDescription: function(image) {
|
||||
var desc = '';
|
||||
if(image.desc.length || image.title.length) {
|
||||
var title = '';
|
||||
if(image.title.length) {
|
||||
title = '<strong class="ad-description-title">'+ image.title +'</strong>';
|
||||
};
|
||||
desc = '';
|
||||
if(image.desc.length) {
|
||||
desc = '<span>'+ image.desc +'</span>';
|
||||
};
|
||||
desc = $('<p class="ad-image-description">'+ title + desc +'</p>');
|
||||
};
|
||||
return desc;
|
||||
},
|
||||
/**
|
||||
* @param function callback Gets fired when the image has loaded, is displaying
|
||||
* and it's animation has finished
|
||||
*/
|
||||
showImage: function(index, callback) {
|
||||
if(this.images[index] && !this.in_transition && index != this.current_index) {
|
||||
var context = this;
|
||||
var image = this.images[index];
|
||||
this.in_transition = true;
|
||||
if(!image.preloaded) {
|
||||
this.loading(true);
|
||||
this.preloadImage(index, function() {
|
||||
context.loading(false);
|
||||
context._showWhenLoaded(index, callback);
|
||||
});
|
||||
} else {
|
||||
this._showWhenLoaded(index, callback);
|
||||
};
|
||||
};
|
||||
},
|
||||
/**
|
||||
* @param function callback Gets fired when the image has loaded, is displaying
|
||||
* and it's animation has finished
|
||||
*/
|
||||
_showWhenLoaded: function(index, callback) {
|
||||
if(this.images[index]) {
|
||||
var context = this;
|
||||
var image = this.images[index];
|
||||
var img_container = $(document.createElement('div')).addClass('ad-image');
|
||||
var img = $(new Image()).attr('src', image.image);
|
||||
if(image.link) {
|
||||
var link = $('<a href="'+ image.link +'" target="_blank"></a>');
|
||||
link.append(img);
|
||||
img_container.append(link);
|
||||
} else {
|
||||
img_container.append(img);
|
||||
};
|
||||
this.image_wrapper.prepend(img_container);
|
||||
var size = this._getContainedImageSize(image.size.width, image.size.height);
|
||||
img.attr('width', size.width);
|
||||
img.attr('height', size.height);
|
||||
//console.log(' Image width :' + size.width);
|
||||
//console.log(' Image height :' + size.height);
|
||||
img_container.css({width: size.width +'px', height: size.height +'px'});
|
||||
this._centerImage(img_container, size.width, size.height);
|
||||
var desc = this._getDescription(image);
|
||||
if(desc) {
|
||||
if(!this.settings.description_wrapper && !this.settings.hooks.displayDescription) {
|
||||
img_container.append(desc);
|
||||
var width = size.width - parseInt(desc.css('padding-left'), 10) - parseInt(desc.css('padding-right'), 10);
|
||||
desc.css('width', width +'px');
|
||||
} else if(this.settings.hooks.displayDescription) {
|
||||
this.settings.hooks.displayDescription.call(this, image);
|
||||
} else {
|
||||
var wrapper = this.settings.description_wrapper;
|
||||
wrapper.append(desc);
|
||||
};
|
||||
};
|
||||
this.highLightThumb(this.images[index].thumb_link);
|
||||
|
||||
var direction = 'right';
|
||||
if(this.current_index < index) {
|
||||
direction = 'left';
|
||||
};
|
||||
this.fireCallback(this.settings.callbacks.beforeImageVisible);
|
||||
if(this.current_image || this.settings.animate_first_image) {
|
||||
var animation_speed = this.settings.animation_speed;
|
||||
var easing = 'swing';
|
||||
var animation = this.animations[this.settings.effect].call(this, img_container, direction, desc);
|
||||
if(typeof animation.speed != 'undefined') {
|
||||
animation_speed = animation.speed;
|
||||
};
|
||||
if(typeof animation.easing != 'undefined') {
|
||||
easing = animation.easing;
|
||||
};
|
||||
if(this.current_image) {
|
||||
var old_image = this.current_image;
|
||||
var old_description = this.current_description;
|
||||
old_image.animate(animation.old_image, animation_speed, easing,
|
||||
function() {
|
||||
old_image.remove();
|
||||
if(old_description) old_description.remove();
|
||||
}
|
||||
);
|
||||
};
|
||||
img_container.animate(animation.new_image, animation_speed, easing,
|
||||
function() {
|
||||
context.current_index = index;
|
||||
context.current_image = img_container;
|
||||
context.current_description = desc;
|
||||
context.in_transition = false;
|
||||
context._afterShow();
|
||||
context.fireCallback(callback);
|
||||
}
|
||||
);
|
||||
} else {
|
||||
this.current_index = index;
|
||||
this.current_image = img_container;
|
||||
context.current_description = desc;
|
||||
this.in_transition = false;
|
||||
context._afterShow();
|
||||
this.fireCallback(callback);
|
||||
};
|
||||
};
|
||||
},
|
||||
nextIndex: function() {
|
||||
var next;
|
||||
if(this.current_index == (this.images.length - 1)) {
|
||||
if(!this.settings.cycle) {
|
||||
return false;
|
||||
};
|
||||
next = 0;
|
||||
} else {
|
||||
next = this.current_index + 1;
|
||||
};
|
||||
return next;
|
||||
},
|
||||
nextImage: function(callback) {
|
||||
var next = this.nextIndex();
|
||||
if(next === false) return false;
|
||||
this.preloadImage(next + 1);
|
||||
this.showImage(next, callback);
|
||||
return true;
|
||||
},
|
||||
prevIndex: function() {
|
||||
var prev;
|
||||
if(this.current_index == 0) {
|
||||
if(!this.settings.cycle) {
|
||||
return false;
|
||||
};
|
||||
prev = this.images.length - 1;
|
||||
} else {
|
||||
prev = this.current_index - 1;
|
||||
};
|
||||
return prev;
|
||||
},
|
||||
prevImage: function(callback) {
|
||||
var prev = this.prevIndex();
|
||||
if(prev === false) return false;
|
||||
this.preloadImage(prev - 1);
|
||||
this.showImage(prev, callback);
|
||||
return true;
|
||||
},
|
||||
preloadAll: function() {
|
||||
var context = this;
|
||||
var i = 0;
|
||||
function preloadNext() {
|
||||
if(i < context.images.length) {
|
||||
i++;
|
||||
context.preloadImage(i, preloadNext);
|
||||
};
|
||||
};
|
||||
context.preloadImage(i, preloadNext);
|
||||
},
|
||||
preloadImage: function(index, callback) {
|
||||
if(this.images[index]) {
|
||||
var image = this.images[index];
|
||||
if(!this.images[index].preloaded) {
|
||||
var img = $(new Image());
|
||||
img.attr('src', image.image);
|
||||
if(!this.isImageLoaded(img[0])) {
|
||||
this.preloads.append(img);
|
||||
var context = this;
|
||||
img.load(
|
||||
function() {
|
||||
image.preloaded = true;
|
||||
image.size = { width: this.width, height: this.height };
|
||||
context.fireCallback(callback);
|
||||
}
|
||||
).error(
|
||||
function() {
|
||||
image.error = true;
|
||||
image.preloaded = false;
|
||||
image.size = false;
|
||||
}
|
||||
);
|
||||
} else {
|
||||
image.preloaded = true;
|
||||
image.size = { width: img[0].width, height: img[0].height };
|
||||
this.fireCallback(callback);
|
||||
};
|
||||
} else {
|
||||
this.fireCallback(callback);
|
||||
};
|
||||
};
|
||||
},
|
||||
whenImageLoaded: function(img, callback) {
|
||||
if (this.isImageLoaded(img)) {
|
||||
callback && callback();
|
||||
} else {
|
||||
$(img).load(callback);
|
||||
};
|
||||
},
|
||||
isImageLoaded: function(img) {
|
||||
if(typeof img.complete != 'undefined' && !img.complete) {
|
||||
return false;
|
||||
};
|
||||
if(typeof img.naturalWidth != 'undefined' && img.naturalWidth == 0) {
|
||||
return false;
|
||||
};
|
||||
return true;
|
||||
},
|
||||
highLightThumb: function(thumb) {
|
||||
this.thumbs_wrapper.find('.ad-active').removeClass('ad-active');
|
||||
thumb.addClass('ad-active');
|
||||
if(this.settings.thumb_opacity < 1) {
|
||||
this.thumbs_wrapper.find('a:not(.ad-active) img').fadeTo(300, this.settings.thumb_opacity);
|
||||
thumb.find('img').fadeTo(300, 1);
|
||||
};
|
||||
var left = thumb[0].parentNode.offsetLeft;
|
||||
left -= (this.nav_display_width / 2) - (thumb[0].offsetWidth / 2);
|
||||
this.thumbs_wrapper.animate({scrollLeft: left +'px'});
|
||||
},
|
||||
fireCallback: function(fn) {
|
||||
if($.isFunction(fn)) {
|
||||
fn.call(this);
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
function AdGallerySlideshow(nextimage_callback, settings) {
|
||||
this.init(nextimage_callback, settings);
|
||||
};
|
||||
AdGallerySlideshow.prototype = {
|
||||
start_link: false,
|
||||
stop_link: false,
|
||||
countdown: false,
|
||||
controls: false,
|
||||
|
||||
settings: false,
|
||||
nextimage_callback: false,
|
||||
enabled: false,
|
||||
running: false,
|
||||
countdown_interval: false,
|
||||
init: function(nextimage_callback, settings) {
|
||||
this.nextimage_callback = nextimage_callback;
|
||||
this.settings = settings;
|
||||
},
|
||||
create: function() {
|
||||
this.start_link = $('<span class="ad-slideshow-start">'+ this.settings.start_label +'</span>');
|
||||
this.stop_link = $('<span class="ad-slideshow-stop">'+ this.settings.stop_label +'</span>');
|
||||
this.countdown = $('<span class="ad-slideshow-countdown"></span>');
|
||||
this.controls = $('<div class="ad-slideshow-controls"></div>');
|
||||
this.controls.append(this.start_link).append(this.stop_link).append(this.countdown);
|
||||
this.countdown.hide();
|
||||
|
||||
var context = this;
|
||||
this.start_link.click(
|
||||
function() {
|
||||
context.start();
|
||||
}
|
||||
);
|
||||
this.stop_link.click(
|
||||
function() {
|
||||
context.stop();
|
||||
}
|
||||
);
|
||||
$(document).keydown(
|
||||
function(e) {
|
||||
if(e.keyCode == 83) {
|
||||
// 's'
|
||||
if(context.running) {
|
||||
context.stop();
|
||||
} else {
|
||||
context.start();
|
||||
};
|
||||
};
|
||||
}
|
||||
);
|
||||
return this.controls;
|
||||
},
|
||||
disable: function() {
|
||||
this.enabled = false;
|
||||
this.stop();
|
||||
this.controls.hide();
|
||||
},
|
||||
enable: function() {
|
||||
this.enabled = true;
|
||||
this.controls.show();
|
||||
},
|
||||
toggle: function() {
|
||||
if(this.enabled) {
|
||||
this.disable();
|
||||
} else {
|
||||
this.enable();
|
||||
};
|
||||
},
|
||||
start: function() {
|
||||
if(this.running || !this.enabled) return false;
|
||||
this.running = true;
|
||||
this.controls.addClass('ad-slideshow-running');
|
||||
this._next();
|
||||
this.fireCallback(this.settings.onStart);
|
||||
return true;
|
||||
},
|
||||
stop: function() {
|
||||
if(!this.running) return false;
|
||||
this.running = false;
|
||||
this.countdown.hide();
|
||||
this.controls.removeClass('ad-slideshow-running');
|
||||
clearInterval(this.countdown_interval);
|
||||
this.fireCallback(this.settings.onStop);
|
||||
return true;
|
||||
},
|
||||
_next: function() {
|
||||
var context = this;
|
||||
var pre = this.settings.countdown_prefix;
|
||||
var su = this.settings.countdown_sufix;
|
||||
clearInterval(context.countdown_interval);
|
||||
this.countdown.show().html(pre + (this.settings.speed / 1000) + su);
|
||||
var slide_timer = 0;
|
||||
this.countdown_interval = setInterval(
|
||||
function() {
|
||||
slide_timer += 1000;
|
||||
if(slide_timer >= context.settings.speed) {
|
||||
var whenNextIsShown = function() {
|
||||
// A check so the user hasn't stoped the slideshow during the
|
||||
// animation
|
||||
if(context.running) {
|
||||
context._next();
|
||||
};
|
||||
slide_timer = 0;
|
||||
};
|
||||
if(!context.nextimage_callback(whenNextIsShown)) {
|
||||
context.stop();
|
||||
};
|
||||
slide_timer = 0;
|
||||
};
|
||||
var sec = parseInt(context.countdown.text().replace(/[^0-9]/g, ''), 10);
|
||||
sec--;
|
||||
if(sec > 0) {
|
||||
context.countdown.html(pre + sec + su);
|
||||
};
|
||||
},
|
||||
1000
|
||||
);
|
||||
},
|
||||
fireCallback: function(fn) {
|
||||
if($.isFunction(fn)) {
|
||||
fn.call(this);
|
||||
};
|
||||
}
|
||||
};
|
||||
})(jQuery);
|
||||
Vendored
Executable
+10
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
Vendored
Executable
+1
File diff suppressed because one or more lines are too long
BIN
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 110 B |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 42 B |
Reference in New Issue
Block a user