first commit
303
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/LICENSE.txt
vendored
Executable file
@@ -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
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/ad-gallery-css-diff.htm
vendored
Executable file
@@ -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
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/ad-gallery.css.patch
vendored
Executable file
@@ -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
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/ad-gallery.js.patch
vendored
Executable file
@@ -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
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/ad_next.png
vendored
Executable file
|
After Width: | Height: | Size: 355 B |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/ad_prev.png
vendored
Executable file
|
After Width: | Height: | Size: 364 B |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/ad_scroll_back.png
vendored
Executable file
|
After Width: | Height: | Size: 240 B |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/ad_scroll_forward.png
vendored
Executable file
|
After Width: | Height: | Size: 234 B |
185
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.css
vendored
Executable file
@@ -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
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.css.bak
vendored
Executable file
@@ -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
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.js
vendored
Executable file
@@ -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
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.js.bak
vendored
Executable file
@@ -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);
|
||||
10
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.min - ref.js
vendored
Executable file
1
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.min.js
vendored
Executable file
1
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/jquery.ad-gallery.min.js.bak
vendored
Executable file
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/loader.gif
vendored
Executable file
|
After Width: | Height: | Size: 4.7 KiB |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/opa75.png
vendored
Executable file
|
After Width: | Height: | Size: 110 B |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/placeholder.png
vendored
Executable file
|
After Width: | Height: | Size: 5.7 KiB |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/ad-gallery/trans.gif
vendored
Executable file
|
After Width: | Height: | Size: 42 B |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/blank.gif
vendored
Executable file
|
After Width: | Height: | Size: 43 B |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/fancybox_loading.gif
vendored
Executable file
|
After Width: | Height: | Size: 6.4 KiB |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/fancybox_loading@2x.gif
vendored
Executable file
|
After Width: | Height: | Size: 14 KiB |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/fancybox_overlay.png
vendored
Executable file
|
After Width: | Height: | Size: 1003 B |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/fancybox_sprite.png
vendored
Executable file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/fancybox_sprite@2x.png
vendored
Executable file
|
After Width: | Height: | Size: 6.4 KiB |
BIN
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/helpers/fancybox_buttons.png
vendored
Executable file
|
After Width: | Height: | Size: 1.1 KiB |
97
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/helpers/jquery.fancybox-buttons.css
vendored
Executable file
@@ -0,0 +1,97 @@
|
||||
#fancybox-buttons {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
#fancybox-buttons.top {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
#fancybox-buttons.bottom {
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
#fancybox-buttons ul {
|
||||
display: block;
|
||||
width: 166px;
|
||||
height: 30px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
border: 1px solid #111;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
background: rgb(50,50,50);
|
||||
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
|
||||
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
|
||||
}
|
||||
|
||||
#fancybox-buttons ul li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fancybox-buttons a {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-indent: -9999px;
|
||||
background-color: transparent;
|
||||
background-image: url('fancybox_buttons.png');
|
||||
background-repeat: no-repeat;
|
||||
outline: none;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#fancybox-buttons a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPrev {
|
||||
background-position: 5px 0;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnNext {
|
||||
background-position: -33px 0;
|
||||
border-right: 1px solid #3e3e3e;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPlay {
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPlayOn {
|
||||
background-position: -30px -30px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnToggle {
|
||||
background-position: 3px -60px;
|
||||
border-left: 1px solid #111;
|
||||
border-right: 1px solid #3e3e3e;
|
||||
width: 35px
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnToggleOn {
|
||||
background-position: -27px -60px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnClose {
|
||||
border-left: 1px solid #111;
|
||||
width: 35px;
|
||||
background-position: -56px 0px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnDisabled {
|
||||
opacity : 0.4;
|
||||
cursor: default;
|
||||
}
|
||||
122
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/helpers/jquery.fancybox-buttons.js
vendored
Executable file
@@ -0,0 +1,122 @@
|
||||
/*!
|
||||
* Buttons helper for fancyBox
|
||||
* version: 1.0.5 (Mon, 15 Oct 2012)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* buttons: {
|
||||
* position : 'top'
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
*/
|
||||
(function ($) {
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox;
|
||||
|
||||
//Add helper object
|
||||
F.helpers.buttons = {
|
||||
defaults : {
|
||||
skipSingle : false, // disables if gallery contains single image
|
||||
position : 'top', // 'top' or 'bottom'
|
||||
tpl : '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>'
|
||||
},
|
||||
|
||||
list : null,
|
||||
buttons: null,
|
||||
|
||||
beforeLoad: function (opts, obj) {
|
||||
//Remove self if gallery do not have at least two items
|
||||
|
||||
if (opts.skipSingle && obj.group.length < 2) {
|
||||
obj.helpers.buttons = false;
|
||||
obj.closeBtn = true;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//Increase top margin to give space for buttons
|
||||
obj.margin[ opts.position === 'bottom' ? 2 : 0 ] += 30;
|
||||
},
|
||||
|
||||
onPlayStart: function () {
|
||||
if (this.buttons) {
|
||||
this.buttons.play.attr('title', 'Pause slideshow').addClass('btnPlayOn');
|
||||
}
|
||||
},
|
||||
|
||||
onPlayEnd: function () {
|
||||
if (this.buttons) {
|
||||
this.buttons.play.attr('title', 'Start slideshow').removeClass('btnPlayOn');
|
||||
}
|
||||
},
|
||||
|
||||
afterShow: function (opts, obj) {
|
||||
var buttons = this.buttons;
|
||||
|
||||
if (!buttons) {
|
||||
this.list = $(opts.tpl).addClass(opts.position).appendTo('body');
|
||||
|
||||
buttons = {
|
||||
prev : this.list.find('.btnPrev').click( F.prev ),
|
||||
next : this.list.find('.btnNext').click( F.next ),
|
||||
play : this.list.find('.btnPlay').click( F.play ),
|
||||
toggle : this.list.find('.btnToggle').click( F.toggle ),
|
||||
close : this.list.find('.btnClose').click( F.close )
|
||||
}
|
||||
}
|
||||
|
||||
//Prev
|
||||
if (obj.index > 0 || obj.loop) {
|
||||
buttons.prev.removeClass('btnDisabled');
|
||||
} else {
|
||||
buttons.prev.addClass('btnDisabled');
|
||||
}
|
||||
|
||||
//Next / Play
|
||||
if (obj.loop || obj.index < obj.group.length - 1) {
|
||||
buttons.next.removeClass('btnDisabled');
|
||||
buttons.play.removeClass('btnDisabled');
|
||||
|
||||
} else {
|
||||
buttons.next.addClass('btnDisabled');
|
||||
buttons.play.addClass('btnDisabled');
|
||||
}
|
||||
|
||||
this.buttons = buttons;
|
||||
|
||||
this.onUpdate(opts, obj);
|
||||
},
|
||||
|
||||
onUpdate: function (opts, obj) {
|
||||
var toggle;
|
||||
|
||||
if (!this.buttons) {
|
||||
return;
|
||||
}
|
||||
|
||||
toggle = this.buttons.toggle.removeClass('btnDisabled btnToggleOn');
|
||||
|
||||
//Size toggle button
|
||||
if (obj.canShrink) {
|
||||
toggle.addClass('btnToggleOn');
|
||||
|
||||
} else if (!obj.canExpand) {
|
||||
toggle.addClass('btnDisabled');
|
||||
}
|
||||
},
|
||||
|
||||
beforeClose: function () {
|
||||
if (this.list) {
|
||||
this.list.remove();
|
||||
}
|
||||
|
||||
this.list = null;
|
||||
this.buttons = null;
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
199
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/helpers/jquery.fancybox-media.js
vendored
Executable file
@@ -0,0 +1,199 @@
|
||||
/*!
|
||||
* Media helper for fancyBox
|
||||
* version: 1.0.6 (Fri, 14 Jun 2013)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* media: true
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Set custom URL parameters:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* media: {
|
||||
* youtube : {
|
||||
* params : {
|
||||
* autoplay : 0
|
||||
* }
|
||||
* }
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Or:
|
||||
* $(".fancybox").fancybox({,
|
||||
* helpers : {
|
||||
* media: true
|
||||
* },
|
||||
* youtube : {
|
||||
* autoplay: 0
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Supports:
|
||||
*
|
||||
* Youtube
|
||||
* http://www.youtube.com/watch?v=opj24KnzrWo
|
||||
* http://www.youtube.com/embed/opj24KnzrWo
|
||||
* http://youtu.be/opj24KnzrWo
|
||||
* http://www.youtube-nocookie.com/embed/opj24KnzrWo
|
||||
* Vimeo
|
||||
* http://vimeo.com/40648169
|
||||
* http://vimeo.com/channels/staffpicks/38843628
|
||||
* http://vimeo.com/groups/surrealism/videos/36516384
|
||||
* http://player.vimeo.com/video/45074303
|
||||
* Metacafe
|
||||
* http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/
|
||||
* http://www.metacafe.com/watch/7635964/
|
||||
* Dailymotion
|
||||
* http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people
|
||||
* Twitvid
|
||||
* http://twitvid.com/QY7MD
|
||||
* Twitpic
|
||||
* http://twitpic.com/7p93st
|
||||
* Instagram
|
||||
* http://instagr.am/p/IejkuUGxQn/
|
||||
* http://instagram.com/p/IejkuUGxQn/
|
||||
* Google maps
|
||||
* http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17
|
||||
* http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
|
||||
* http://maps.google.com/?ll=48.859463,2.292626&spn=0.000965,0.002642&t=m&z=19&layer=c&cbll=48.859524,2.292532&panoid=YJ0lq28OOy3VT2IqIuVY0g&cbp=12,151.58,,0,-15.56
|
||||
*/
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox,
|
||||
format = function( url, rez, params ) {
|
||||
params = params || '';
|
||||
|
||||
if ( $.type( params ) === "object" ) {
|
||||
params = $.param(params, true);
|
||||
}
|
||||
|
||||
$.each(rez, function(key, value) {
|
||||
url = url.replace( '$' + key, value || '' );
|
||||
});
|
||||
|
||||
if (params.length) {
|
||||
url += ( url.indexOf('?') > 0 ? '&' : '?' ) + params;
|
||||
}
|
||||
|
||||
return url;
|
||||
};
|
||||
|
||||
//Add helper object
|
||||
F.helpers.media = {
|
||||
defaults : {
|
||||
youtube : {
|
||||
matcher : /(youtube\.com|youtu\.be|youtube-nocookie\.com)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i,
|
||||
params : {
|
||||
autoplay : 1,
|
||||
autohide : 1,
|
||||
fs : 1,
|
||||
rel : 0,
|
||||
hd : 1,
|
||||
wmode : 'opaque',
|
||||
enablejsapi : 1
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//www.youtube.com/embed/$3'
|
||||
},
|
||||
vimeo : {
|
||||
matcher : /(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,
|
||||
params : {
|
||||
autoplay : 1,
|
||||
hd : 1,
|
||||
show_title : 1,
|
||||
show_byline : 1,
|
||||
show_portrait : 0,
|
||||
fullscreen : 1
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//player.vimeo.com/video/$1'
|
||||
},
|
||||
metacafe : {
|
||||
matcher : /metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,
|
||||
params : {
|
||||
autoPlay : 'yes'
|
||||
},
|
||||
type : 'swf',
|
||||
url : function( rez, params, obj ) {
|
||||
obj.swf.flashVars = 'playerVars=' + $.param( params, true );
|
||||
|
||||
return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf';
|
||||
}
|
||||
},
|
||||
dailymotion : {
|
||||
matcher : /dailymotion.com\/video\/(.*)\/?(.*)/,
|
||||
params : {
|
||||
additionalInfos : 0,
|
||||
autoStart : 1
|
||||
},
|
||||
type : 'swf',
|
||||
url : '//www.dailymotion.com/swf/video/$1'
|
||||
},
|
||||
twitvid : {
|
||||
matcher : /twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i,
|
||||
params : {
|
||||
autoplay : 0
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//www.twitvid.com/embed.php?guid=$1'
|
||||
},
|
||||
twitpic : {
|
||||
matcher : /twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i,
|
||||
type : 'image',
|
||||
url : '//twitpic.com/show/full/$1/'
|
||||
},
|
||||
instagram : {
|
||||
matcher : /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
|
||||
type : 'image',
|
||||
url : '//$1/p/$2/media/?size=l'
|
||||
},
|
||||
google_maps : {
|
||||
matcher : /maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i,
|
||||
type : 'iframe',
|
||||
url : function( rez ) {
|
||||
return '//maps.google.' + rez[1] + '/' + rez[3] + '' + rez[4] + '&output=' + (rez[4].indexOf('layer=c') > 0 ? 'svembed' : 'embed');
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
beforeLoad : function(opts, obj) {
|
||||
var url = obj.href || '',
|
||||
type = false,
|
||||
what,
|
||||
item,
|
||||
rez,
|
||||
params;
|
||||
|
||||
for (what in opts) {
|
||||
if (opts.hasOwnProperty(what)) {
|
||||
item = opts[ what ];
|
||||
rez = url.match( item.matcher );
|
||||
|
||||
if (rez) {
|
||||
type = item.type;
|
||||
params = $.extend(true, {}, item.params, obj[ what ] || ($.isPlainObject(opts[ what ]) ? opts[ what ].params : null));
|
||||
|
||||
url = $.type( item.url ) === "function" ? item.url.call( this, rez, params, obj ) : format( item.url, rez, params );
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (type) {
|
||||
obj.href = url;
|
||||
obj.type = type;
|
||||
|
||||
obj.autoHeight = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
55
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/helpers/jquery.fancybox-thumbs.css
vendored
Executable file
@@ -0,0 +1,55 @@
|
||||
#fancybox-thumbs {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
#fancybox-thumbs.bottom {
|
||||
bottom: 2px;
|
||||
}
|
||||
|
||||
#fancybox-thumbs.top {
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li {
|
||||
float: left;
|
||||
padding: 1px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li.active {
|
||||
opacity: 0.75;
|
||||
padding: 0;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li a {
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid #222;
|
||||
background: #111;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li img {
|
||||
display: block;
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
max-width: none;
|
||||
}
|
||||
162
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/helpers/jquery.fancybox-thumbs.js
vendored
Executable file
@@ -0,0 +1,162 @@
|
||||
/*!
|
||||
* Thumbnail helper for fancyBox
|
||||
* version: 1.0.7 (Mon, 01 Oct 2012)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* thumbs: {
|
||||
* width : 50,
|
||||
* height : 50
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
*/
|
||||
(function ($) {
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox;
|
||||
|
||||
//Add helper object
|
||||
F.helpers.thumbs = {
|
||||
defaults : {
|
||||
width : 50, // thumbnail width
|
||||
height : 50, // thumbnail height
|
||||
position : 'bottom', // 'top' or 'bottom'
|
||||
source : function ( item ) { // function to obtain the URL of the thumbnail image
|
||||
var href;
|
||||
|
||||
if (item.element) {
|
||||
href = $(item.element).find('img').attr('src');
|
||||
}
|
||||
|
||||
if (!href && item.type === 'image' && item.href) {
|
||||
href = item.href;
|
||||
}
|
||||
|
||||
return href;
|
||||
}
|
||||
},
|
||||
|
||||
wrap : null,
|
||||
list : null,
|
||||
width : 0,
|
||||
|
||||
init: function (opts, obj) {
|
||||
var that = this,
|
||||
list,
|
||||
thumbWidth = opts.width,
|
||||
thumbHeight = opts.height,
|
||||
thumbSource = opts.source;
|
||||
|
||||
//Build list structure
|
||||
list = '';
|
||||
|
||||
for (var n = 0; n < obj.group.length; n++) {
|
||||
list += '<li><a style="width:' + thumbWidth + 'px;height:' + thumbHeight + 'px;" href="javascript:jQuery.fancybox.jumpto(' + n + ');"></a></li>';
|
||||
}
|
||||
|
||||
this.wrap = $('<div id="fancybox-thumbs"></div>').addClass(opts.position).appendTo('body');
|
||||
this.list = $('<ul>' + list + '</ul>').appendTo(this.wrap);
|
||||
|
||||
//Load each thumbnail
|
||||
$.each(obj.group, function (i) {
|
||||
var href = thumbSource( obj.group[ i ] );
|
||||
|
||||
if (!href) {
|
||||
return;
|
||||
}
|
||||
|
||||
$("<img />").load(function () {
|
||||
var width = this.width,
|
||||
height = this.height,
|
||||
widthRatio, heightRatio, parent;
|
||||
|
||||
if (!that.list || !width || !height) {
|
||||
return;
|
||||
}
|
||||
|
||||
//Calculate thumbnail width/height and center it
|
||||
widthRatio = width / thumbWidth;
|
||||
heightRatio = height / thumbHeight;
|
||||
|
||||
parent = that.list.children().eq(i).find('a');
|
||||
|
||||
if (widthRatio >= 1 && heightRatio >= 1) {
|
||||
if (widthRatio > heightRatio) {
|
||||
width = Math.floor(width / heightRatio);
|
||||
height = thumbHeight;
|
||||
|
||||
} else {
|
||||
width = thumbWidth;
|
||||
height = Math.floor(height / widthRatio);
|
||||
}
|
||||
}
|
||||
|
||||
$(this).css({
|
||||
width : width,
|
||||
height : height,
|
||||
top : Math.floor(thumbHeight / 2 - height / 2),
|
||||
left : Math.floor(thumbWidth / 2 - width / 2)
|
||||
});
|
||||
|
||||
parent.width(thumbWidth).height(thumbHeight);
|
||||
|
||||
$(this).hide().appendTo(parent).fadeIn(300);
|
||||
|
||||
}).attr('src', href);
|
||||
});
|
||||
|
||||
//Set initial width
|
||||
this.width = this.list.children().eq(0).outerWidth(true);
|
||||
|
||||
this.list.width(this.width * (obj.group.length + 1)).css('left', Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5)));
|
||||
},
|
||||
|
||||
beforeLoad: function (opts, obj) {
|
||||
//Remove self if gallery do not have at least two items
|
||||
if (obj.group.length < 2) {
|
||||
obj.helpers.thumbs = false;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//Increase bottom margin to give space for thumbs
|
||||
obj.margin[ opts.position === 'top' ? 0 : 2 ] += ((opts.height) + 15);
|
||||
},
|
||||
|
||||
afterShow: function (opts, obj) {
|
||||
//Check if exists and create or update list
|
||||
if (this.list) {
|
||||
this.onUpdate(opts, obj);
|
||||
|
||||
} else {
|
||||
this.init(opts, obj);
|
||||
}
|
||||
|
||||
//Set active element
|
||||
this.list.children().removeClass('active').eq(obj.index).addClass('active');
|
||||
},
|
||||
|
||||
//Center list
|
||||
onUpdate: function (opts, obj) {
|
||||
if (this.list) {
|
||||
this.list.stop(true).animate({
|
||||
'left': Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5))
|
||||
}, 150);
|
||||
}
|
||||
},
|
||||
|
||||
beforeClose: function () {
|
||||
if (this.wrap) {
|
||||
this.wrap.remove();
|
||||
}
|
||||
|
||||
this.wrap = null;
|
||||
this.list = null;
|
||||
this.width = 0;
|
||||
}
|
||||
}
|
||||
|
||||
}(jQuery));
|
||||
274
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/jquery.fancybox.css
vendored
Executable file
@@ -0,0 +1,274 @@
|
||||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
.fancybox-wrap,
|
||||
.fancybox-skin,
|
||||
.fancybox-outer,
|
||||
.fancybox-inner,
|
||||
.fancybox-image,
|
||||
.fancybox-wrap iframe,
|
||||
.fancybox-wrap object,
|
||||
.fancybox-nav,
|
||||
.fancybox-nav span,
|
||||
.fancybox-tmp
|
||||
{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
outline: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 8020;
|
||||
}
|
||||
|
||||
.fancybox-skin {
|
||||
position: relative;
|
||||
background: #f9f9f9;
|
||||
color: #444;
|
||||
text-shadow: none;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.fancybox-opened {
|
||||
z-index: 8030;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-skin {
|
||||
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.fancybox-outer, .fancybox-inner {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fancybox-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-type-iframe .fancybox-inner {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.fancybox-error {
|
||||
color: #444;
|
||||
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-image, .fancybox-iframe {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fancybox-image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url('fancybox_sprite.png');
|
||||
}
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -22px;
|
||||
margin-left: -22px;
|
||||
background-position: 0 -108px;
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
z-index: 8060;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background: url('fancybox_loading.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
.fancybox-close {
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
right: -18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
background: transparent url('blank.gif'); /* helps IE */
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-prev {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fancybox-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-nav span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin-top: -18px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.fancybox-prev span {
|
||||
left: 10px;
|
||||
background-position: 0 -36px;
|
||||
}
|
||||
|
||||
.fancybox-next span {
|
||||
right: 10px;
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
.fancybox-nav:hover span {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-tmp {
|
||||
position: absolute;
|
||||
top: -99999px;
|
||||
left: -99999px;
|
||||
visibility: hidden;
|
||||
max-width: 99999px;
|
||||
max-height: 99999px;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* Overlay helper */
|
||||
|
||||
.fancybox-lock {
|
||||
overflow: hidden !important;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.fancybox-lock body {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-lock-test {
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 8010;
|
||||
background: url('fancybox_overlay.png');
|
||||
}
|
||||
|
||||
.fancybox-overlay-fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-lock .fancybox-overlay {
|
||||
overflow: auto;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
/* Title helper */
|
||||
|
||||
.fancybox-title {
|
||||
visibility: hidden;
|
||||
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
position: relative;
|
||||
text-shadow: none;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-title {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
margin-bottom: -35px;
|
||||
z-index: 8050;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap .child {
|
||||
display: inline-block;
|
||||
margin-right: -100%;
|
||||
padding: 2px 20px;
|
||||
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
text-shadow: 0 1px 2px #222;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
line-height: 24px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-title-outside-wrap {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-title-inside-wrap {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.fancybox-title-over-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
/*Retina graphics!*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min--moz-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5){
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url('fancybox_sprite@2x.png');
|
||||
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
background-image: url('fancybox_loading@2x.gif');
|
||||
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
}
|
||||
2020
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/jquery.fancybox.js
vendored
Executable file
46
lib/ckeditor4/plugins/slideshow/3rdParty/fancybox2/jquery.fancybox.pack.js
vendored
Executable file
@@ -0,0 +1,46 @@
|
||||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
(function(r,G,f,v){var J=f("html"),n=f(r),p=f(G),b=f.fancybox=function(){b.open.apply(this,arguments)},I=navigator.userAgent.match(/msie/i),B=null,s=G.createTouch!==v,t=function(a){return a&&a.hasOwnProperty&&a instanceof f},q=function(a){return a&&"string"===f.type(a)},E=function(a){return q(a)&&0<a.indexOf("%")},l=function(a,d){var e=parseInt(a,10)||0;d&&E(a)&&(e*=b.getViewport()[d]/100);return Math.ceil(e)},w=function(a,b){return l(a,b)+"px"};f.extend(b,{version:"2.1.5",defaults:{padding:15,margin:20,
|
||||
width:800,height:600,minWidth:100,minHeight:100,maxWidth:9999,maxHeight:9999,pixelRatio:1,autoSize:!0,autoHeight:!1,autoWidth:!1,autoResize:!0,autoCenter:!s,fitToView:!0,aspectRatio:!1,topRatio:0.5,leftRatio:0.5,scrolling:"auto",wrapCSS:"",arrows:!0,closeBtn:!0,closeClick:!1,nextClick:!1,mouseWheel:!0,autoPlay:!1,playSpeed:3E3,preload:3,modal:!1,loop:!0,ajax:{dataType:"html",headers:{"X-fancyBox":!0}},iframe:{scrolling:"auto",preload:!0},swf:{wmode:"transparent",allowfullscreen:"true",allowscriptaccess:"always"},
|
||||
keys:{next:{13:"left",34:"up",39:"left",40:"up"},prev:{8:"right",33:"down",37:"right",38:"down"},close:[27],play:[32],toggle:[70]},direction:{next:"left",prev:"right"},scrollOutside:!0,index:0,type:null,href:null,content:null,title:null,tpl:{wrap:'<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',image:'<img class="fancybox-image" src="{href}" alt="" />',iframe:'<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen'+
|
||||
(I?' allowtransparency="true"':"")+"></iframe>",error:'<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',closeBtn:'<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',next:'<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',prev:'<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'},openEffect:"fade",openSpeed:250,openEasing:"swing",openOpacity:!0,
|
||||
openMethod:"zoomIn",closeEffect:"fade",closeSpeed:250,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",nextEffect:"elastic",nextSpeed:250,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic",prevSpeed:250,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:!0,title:!0},onCancel:f.noop,beforeLoad:f.noop,afterLoad:f.noop,beforeShow:f.noop,afterShow:f.noop,beforeChange:f.noop,beforeClose:f.noop,afterClose:f.noop},group:{},opts:{},previous:null,coming:null,current:null,isActive:!1,
|
||||
isOpen:!1,isOpened:!1,wrap:null,skin:null,outer:null,inner:null,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(a,d){if(a&&(f.isPlainObject(d)||(d={}),!1!==b.close(!0)))return f.isArray(a)||(a=t(a)?f(a).get():[a]),f.each(a,function(e,c){var k={},g,h,j,m,l;"object"===f.type(c)&&(c.nodeType&&(c=f(c)),t(c)?(k={href:c.data("fancybox-href")||c.attr("href"),title:c.data("fancybox-title")||c.attr("title"),isDom:!0,element:c},f.metadata&&f.extend(!0,k,
|
||||
c.metadata())):k=c);g=d.href||k.href||(q(c)?c:null);h=d.title!==v?d.title:k.title||"";m=(j=d.content||k.content)?"html":d.type||k.type;!m&&k.isDom&&(m=c.data("fancybox-type"),m||(m=(m=c.prop("class").match(/fancybox\.(\w+)/))?m[1]:null));q(g)&&(m||(b.isImage(g)?m="image":b.isSWF(g)?m="swf":"#"===g.charAt(0)?m="inline":q(c)&&(m="html",j=c)),"ajax"===m&&(l=g.split(/\s+/,2),g=l.shift(),l=l.shift()));j||("inline"===m?g?j=f(q(g)?g.replace(/.*(?=#[^\s]+$)/,""):g):k.isDom&&(j=c):"html"===m?j=g:!m&&(!g&&
|
||||
k.isDom)&&(m="inline",j=c));f.extend(k,{href:g,type:m,content:j,title:h,selector:l});a[e]=k}),b.opts=f.extend(!0,{},b.defaults,d),d.keys!==v&&(b.opts.keys=d.keys?f.extend({},b.defaults.keys,d.keys):!1),b.group=a,b._start(b.opts.index)},cancel:function(){var a=b.coming;a&&!1!==b.trigger("onCancel")&&(b.hideLoading(),b.ajaxLoad&&b.ajaxLoad.abort(),b.ajaxLoad=null,b.imgPreload&&(b.imgPreload.onload=b.imgPreload.onerror=null),a.wrap&&a.wrap.stop(!0,!0).trigger("onReset").remove(),b.coming=null,b.current||
|
||||
b._afterZoomOut(a))},close:function(a){b.cancel();!1!==b.trigger("beforeClose")&&(b.unbindEvents(),b.isActive&&(!b.isOpen||!0===a?(f(".fancybox-wrap").stop(!0).trigger("onReset").remove(),b._afterZoomOut()):(b.isOpen=b.isOpened=!1,b.isClosing=!0,f(".fancybox-item, .fancybox-nav").remove(),b.wrap.stop(!0,!0).removeClass("fancybox-opened"),b.transitions[b.current.closeMethod]())))},play:function(a){var d=function(){clearTimeout(b.player.timer)},e=function(){d();b.current&&b.player.isActive&&(b.player.timer=
|
||||
setTimeout(b.next,b.current.playSpeed))},c=function(){d();p.unbind(".player");b.player.isActive=!1;b.trigger("onPlayEnd")};if(!0===a||!b.player.isActive&&!1!==a){if(b.current&&(b.current.loop||b.current.index<b.group.length-1))b.player.isActive=!0,p.bind({"onCancel.player beforeClose.player":c,"onUpdate.player":e,"beforeLoad.player":d}),e(),b.trigger("onPlayStart")}else c()},next:function(a){var d=b.current;d&&(q(a)||(a=d.direction.next),b.jumpto(d.index+1,a,"next"))},prev:function(a){var d=b.current;
|
||||
d&&(q(a)||(a=d.direction.prev),b.jumpto(d.index-1,a,"prev"))},jumpto:function(a,d,e){var c=b.current;c&&(a=l(a),b.direction=d||c.direction[a>=c.index?"next":"prev"],b.router=e||"jumpto",c.loop&&(0>a&&(a=c.group.length+a%c.group.length),a%=c.group.length),c.group[a]!==v&&(b.cancel(),b._start(a)))},reposition:function(a,d){var e=b.current,c=e?e.wrap:null,k;c&&(k=b._getPosition(d),a&&"scroll"===a.type?(delete k.position,c.stop(!0,!0).animate(k,200)):(c.css(k),e.pos=f.extend({},e.dim,k)))},update:function(a){var d=
|
||||
a&&a.type,e=!d||"orientationchange"===d;e&&(clearTimeout(B),B=null);b.isOpen&&!B&&(B=setTimeout(function(){var c=b.current;c&&!b.isClosing&&(b.wrap.removeClass("fancybox-tmp"),(e||"load"===d||"resize"===d&&c.autoResize)&&b._setDimension(),"scroll"===d&&c.canShrink||b.reposition(a),b.trigger("onUpdate"),B=null)},e&&!s?0:300))},toggle:function(a){b.isOpen&&(b.current.fitToView="boolean"===f.type(a)?a:!b.current.fitToView,s&&(b.wrap.removeAttr("style").addClass("fancybox-tmp"),b.trigger("onUpdate")),
|
||||
b.update())},hideLoading:function(){p.unbind(".loading");f("#fancybox-loading").remove()},showLoading:function(){var a,d;b.hideLoading();a=f('<div id="fancybox-loading"><div></div></div>').click(b.cancel).appendTo("body");p.bind("keydown.loading",function(a){if(27===(a.which||a.keyCode))a.preventDefault(),b.cancel()});b.defaults.fixed||(d=b.getViewport(),a.css({position:"absolute",top:0.5*d.h+d.y,left:0.5*d.w+d.x}))},getViewport:function(){var a=b.current&&b.current.locked||!1,d={x:n.scrollLeft(),
|
||||
y:n.scrollTop()};a?(d.w=a[0].clientWidth,d.h=a[0].clientHeight):(d.w=s&&r.innerWidth?r.innerWidth:n.width(),d.h=s&&r.innerHeight?r.innerHeight:n.height());return d},unbindEvents:function(){b.wrap&&t(b.wrap)&&b.wrap.unbind(".fb");p.unbind(".fb");n.unbind(".fb")},bindEvents:function(){var a=b.current,d;a&&(n.bind("orientationchange.fb"+(s?"":" resize.fb")+(a.autoCenter&&!a.locked?" scroll.fb":""),b.update),(d=a.keys)&&p.bind("keydown.fb",function(e){var c=e.which||e.keyCode,k=e.target||e.srcElement;
|
||||
if(27===c&&b.coming)return!1;!e.ctrlKey&&(!e.altKey&&!e.shiftKey&&!e.metaKey&&(!k||!k.type&&!f(k).is("[contenteditable]")))&&f.each(d,function(d,k){if(1<a.group.length&&k[c]!==v)return b[d](k[c]),e.preventDefault(),!1;if(-1<f.inArray(c,k))return b[d](),e.preventDefault(),!1})}),f.fn.mousewheel&&a.mouseWheel&&b.wrap.bind("mousewheel.fb",function(d,c,k,g){for(var h=f(d.target||null),j=!1;h.length&&!j&&!h.is(".fancybox-skin")&&!h.is(".fancybox-wrap");)j=h[0]&&!(h[0].style.overflow&&"hidden"===h[0].style.overflow)&&
|
||||
(h[0].clientWidth&&h[0].scrollWidth>h[0].clientWidth||h[0].clientHeight&&h[0].scrollHeight>h[0].clientHeight),h=f(h).parent();if(0!==c&&!j&&1<b.group.length&&!a.canShrink){if(0<g||0<k)b.prev(0<g?"down":"left");else if(0>g||0>k)b.next(0>g?"up":"right");d.preventDefault()}}))},trigger:function(a,d){var e,c=d||b.coming||b.current;if(c){f.isFunction(c[a])&&(e=c[a].apply(c,Array.prototype.slice.call(arguments,1)));if(!1===e)return!1;c.helpers&&f.each(c.helpers,function(d,e){if(e&&b.helpers[d]&&f.isFunction(b.helpers[d][a]))b.helpers[d][a](f.extend(!0,
|
||||
{},b.helpers[d].defaults,e),c)});p.trigger(a)}},isImage:function(a){return q(a)&&a.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i)},isSWF:function(a){return q(a)&&a.match(/\.(swf)((\?|#).*)?$/i)},_start:function(a){var d={},e,c;a=l(a);e=b.group[a]||null;if(!e)return!1;d=f.extend(!0,{},b.opts,e);e=d.margin;c=d.padding;"number"===f.type(e)&&(d.margin=[e,e,e,e]);"number"===f.type(c)&&(d.padding=[c,c,c,c]);d.modal&&f.extend(!0,d,{closeBtn:!1,closeClick:!1,nextClick:!1,arrows:!1,
|
||||
mouseWheel:!1,keys:null,helpers:{overlay:{closeClick:!1}}});d.autoSize&&(d.autoWidth=d.autoHeight=!0);"auto"===d.width&&(d.autoWidth=!0);"auto"===d.height&&(d.autoHeight=!0);d.group=b.group;d.index=a;b.coming=d;if(!1===b.trigger("beforeLoad"))b.coming=null;else{c=d.type;e=d.href;if(!c)return b.coming=null,b.current&&b.router&&"jumpto"!==b.router?(b.current.index=a,b[b.router](b.direction)):!1;b.isActive=!0;if("image"===c||"swf"===c)d.autoHeight=d.autoWidth=!1,d.scrolling="visible";"image"===c&&(d.aspectRatio=
|
||||
!0);"iframe"===c&&s&&(d.scrolling="scroll");d.wrap=f(d.tpl.wrap).addClass("fancybox-"+(s?"mobile":"desktop")+" fancybox-type-"+c+" fancybox-tmp "+d.wrapCSS).appendTo(d.parent||"body");f.extend(d,{skin:f(".fancybox-skin",d.wrap),outer:f(".fancybox-outer",d.wrap),inner:f(".fancybox-inner",d.wrap)});f.each(["Top","Right","Bottom","Left"],function(a,b){d.skin.css("padding"+b,w(d.padding[a]))});b.trigger("onReady");if("inline"===c||"html"===c){if(!d.content||!d.content.length)return b._error("content")}else if(!e)return b._error("href");
|
||||
"image"===c?b._loadImage():"ajax"===c?b._loadAjax():"iframe"===c?b._loadIframe():b._afterLoad()}},_error:function(a){f.extend(b.coming,{type:"html",autoWidth:!0,autoHeight:!0,minWidth:0,minHeight:0,scrolling:"no",hasError:a,content:b.coming.tpl.error});b._afterLoad()},_loadImage:function(){var a=b.imgPreload=new Image;a.onload=function(){this.onload=this.onerror=null;b.coming.width=this.width/b.opts.pixelRatio;b.coming.height=this.height/b.opts.pixelRatio;b._afterLoad()};a.onerror=function(){this.onload=
|
||||
this.onerror=null;b._error("image")};a.src=b.coming.href;!0!==a.complete&&b.showLoading()},_loadAjax:function(){var a=b.coming;b.showLoading();b.ajaxLoad=f.ajax(f.extend({},a.ajax,{url:a.href,error:function(a,e){b.coming&&"abort"!==e?b._error("ajax",a):b.hideLoading()},success:function(d,e){"success"===e&&(a.content=d,b._afterLoad())}}))},_loadIframe:function(){var a=b.coming,d=f(a.tpl.iframe.replace(/\{rnd\}/g,(new Date).getTime())).attr("scrolling",s?"auto":a.iframe.scrolling).attr("src",a.href);
|
||||
f(a.wrap).bind("onReset",function(){try{f(this).find("iframe").hide().attr("src","//about:blank").end().empty()}catch(a){}});a.iframe.preload&&(b.showLoading(),d.one("load",function(){f(this).data("ready",1);s||f(this).bind("load.fb",b.update);f(this).parents(".fancybox-wrap").width("100%").removeClass("fancybox-tmp").show();b._afterLoad()}));a.content=d.appendTo(a.inner);a.iframe.preload||b._afterLoad()},_preloadImages:function(){var a=b.group,d=b.current,e=a.length,c=d.preload?Math.min(d.preload,
|
||||
e-1):0,f,g;for(g=1;g<=c;g+=1)f=a[(d.index+g)%e],"image"===f.type&&f.href&&((new Image).src=f.href)},_afterLoad:function(){var a=b.coming,d=b.current,e,c,k,g,h;b.hideLoading();if(a&&!1!==b.isActive)if(!1===b.trigger("afterLoad",a,d))a.wrap.stop(!0).trigger("onReset").remove(),b.coming=null;else{d&&(b.trigger("beforeChange",d),d.wrap.stop(!0).removeClass("fancybox-opened").find(".fancybox-item, .fancybox-nav").remove());b.unbindEvents();e=a.content;c=a.type;k=a.scrolling;f.extend(b,{wrap:a.wrap,skin:a.skin,
|
||||
outer:a.outer,inner:a.inner,current:a,previous:d});g=a.href;switch(c){case "inline":case "ajax":case "html":a.selector?e=f("<div>").html(e).find(a.selector):t(e)&&(e.data("fancybox-placeholder")||e.data("fancybox-placeholder",f('<div class="fancybox-placeholder"></div>').insertAfter(e).hide()),e=e.show().detach(),a.wrap.bind("onReset",function(){f(this).find(e).length&&e.hide().replaceAll(e.data("fancybox-placeholder")).data("fancybox-placeholder",!1)}));break;case "image":e=a.tpl.image.replace("{href}",
|
||||
g);break;case "swf":e='<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="'+g+'"></param>',h="",f.each(a.swf,function(a,b){e+='<param name="'+a+'" value="'+b+'"></param>';h+=" "+a+'="'+b+'"'}),e+='<embed src="'+g+'" type="application/x-shockwave-flash" width="100%" height="100%"'+h+"></embed></object>"}(!t(e)||!e.parent().is(a.inner))&&a.inner.append(e);b.trigger("beforeShow");a.inner.css("overflow","yes"===k?"scroll":
|
||||
"no"===k?"hidden":k);b._setDimension();b.reposition();b.isOpen=!1;b.coming=null;b.bindEvents();if(b.isOpened){if(d.prevMethod)b.transitions[d.prevMethod]()}else f(".fancybox-wrap").not(a.wrap).stop(!0).trigger("onReset").remove();b.transitions[b.isOpened?a.nextMethod:a.openMethod]();b._preloadImages()}},_setDimension:function(){var a=b.getViewport(),d=0,e=!1,c=!1,e=b.wrap,k=b.skin,g=b.inner,h=b.current,c=h.width,j=h.height,m=h.minWidth,u=h.minHeight,n=h.maxWidth,p=h.maxHeight,s=h.scrolling,q=h.scrollOutside?
|
||||
h.scrollbarWidth:0,x=h.margin,y=l(x[1]+x[3]),r=l(x[0]+x[2]),v,z,t,C,A,F,B,D,H;e.add(k).add(g).width("auto").height("auto").removeClass("fancybox-tmp");x=l(k.outerWidth(!0)-k.width());v=l(k.outerHeight(!0)-k.height());z=y+x;t=r+v;C=E(c)?(a.w-z)*l(c)/100:c;A=E(j)?(a.h-t)*l(j)/100:j;if("iframe"===h.type){if(H=h.content,h.autoHeight&&1===H.data("ready"))try{H[0].contentWindow.document.location&&(g.width(C).height(9999),F=H.contents().find("body"),q&&F.css("overflow-x","hidden"),A=F.outerHeight(!0))}catch(G){}}else if(h.autoWidth||
|
||||
h.autoHeight)g.addClass("fancybox-tmp"),h.autoWidth||g.width(C),h.autoHeight||g.height(A),h.autoWidth&&(C=g.width()),h.autoHeight&&(A=g.height()),g.removeClass("fancybox-tmp");c=l(C);j=l(A);D=C/A;m=l(E(m)?l(m,"w")-z:m);n=l(E(n)?l(n,"w")-z:n);u=l(E(u)?l(u,"h")-t:u);p=l(E(p)?l(p,"h")-t:p);F=n;B=p;h.fitToView&&(n=Math.min(a.w-z,n),p=Math.min(a.h-t,p));z=a.w-y;r=a.h-r;h.aspectRatio?(c>n&&(c=n,j=l(c/D)),j>p&&(j=p,c=l(j*D)),c<m&&(c=m,j=l(c/D)),j<u&&(j=u,c=l(j*D))):(c=Math.max(m,Math.min(c,n)),h.autoHeight&&
|
||||
"iframe"!==h.type&&(g.width(c),j=g.height()),j=Math.max(u,Math.min(j,p)));if(h.fitToView)if(g.width(c).height(j),e.width(c+x),a=e.width(),y=e.height(),h.aspectRatio)for(;(a>z||y>r)&&(c>m&&j>u)&&!(19<d++);)j=Math.max(u,Math.min(p,j-10)),c=l(j*D),c<m&&(c=m,j=l(c/D)),c>n&&(c=n,j=l(c/D)),g.width(c).height(j),e.width(c+x),a=e.width(),y=e.height();else c=Math.max(m,Math.min(c,c-(a-z))),j=Math.max(u,Math.min(j,j-(y-r)));q&&("auto"===s&&j<A&&c+x+q<z)&&(c+=q);g.width(c).height(j);e.width(c+x);a=e.width();
|
||||
y=e.height();e=(a>z||y>r)&&c>m&&j>u;c=h.aspectRatio?c<F&&j<B&&c<C&&j<A:(c<F||j<B)&&(c<C||j<A);f.extend(h,{dim:{width:w(a),height:w(y)},origWidth:C,origHeight:A,canShrink:e,canExpand:c,wPadding:x,hPadding:v,wrapSpace:y-k.outerHeight(!0),skinSpace:k.height()-j});!H&&(h.autoHeight&&j>u&&j<p&&!c)&&g.height("auto")},_getPosition:function(a){var d=b.current,e=b.getViewport(),c=d.margin,f=b.wrap.width()+c[1]+c[3],g=b.wrap.height()+c[0]+c[2],c={position:"absolute",top:c[0],left:c[3]};d.autoCenter&&d.fixed&&
|
||||
!a&&g<=e.h&&f<=e.w?c.position="fixed":d.locked||(c.top+=e.y,c.left+=e.x);c.top=w(Math.max(c.top,c.top+(e.h-g)*d.topRatio));c.left=w(Math.max(c.left,c.left+(e.w-f)*d.leftRatio));return c},_afterZoomIn:function(){var a=b.current;a&&(b.isOpen=b.isOpened=!0,b.wrap.css("overflow","visible").addClass("fancybox-opened"),b.update(),(a.closeClick||a.nextClick&&1<b.group.length)&&b.inner.css("cursor","pointer").bind("click.fb",function(d){!f(d.target).is("a")&&!f(d.target).parent().is("a")&&(d.preventDefault(),
|
||||
b[a.closeClick?"close":"next"]())}),a.closeBtn&&f(a.tpl.closeBtn).appendTo(b.skin).bind("click.fb",function(a){a.preventDefault();b.close()}),a.arrows&&1<b.group.length&&((a.loop||0<a.index)&&f(a.tpl.prev).appendTo(b.outer).bind("click.fb",b.prev),(a.loop||a.index<b.group.length-1)&&f(a.tpl.next).appendTo(b.outer).bind("click.fb",b.next)),b.trigger("afterShow"),!a.loop&&a.index===a.group.length-1?b.play(!1):b.opts.autoPlay&&!b.player.isActive&&(b.opts.autoPlay=!1,b.play()))},_afterZoomOut:function(a){a=
|
||||
a||b.current;f(".fancybox-wrap").trigger("onReset").remove();f.extend(b,{group:{},opts:{},router:!1,current:null,isActive:!1,isOpened:!1,isOpen:!1,isClosing:!1,wrap:null,skin:null,outer:null,inner:null});b.trigger("afterClose",a)}});b.transitions={getOrigPosition:function(){var a=b.current,d=a.element,e=a.orig,c={},f=50,g=50,h=a.hPadding,j=a.wPadding,m=b.getViewport();!e&&(a.isDom&&d.is(":visible"))&&(e=d.find("img:first"),e.length||(e=d));t(e)?(c=e.offset(),e.is("img")&&(f=e.outerWidth(),g=e.outerHeight())):
|
||||
(c.top=m.y+(m.h-g)*a.topRatio,c.left=m.x+(m.w-f)*a.leftRatio);if("fixed"===b.wrap.css("position")||a.locked)c.top-=m.y,c.left-=m.x;return c={top:w(c.top-h*a.topRatio),left:w(c.left-j*a.leftRatio),width:w(f+j),height:w(g+h)}},step:function(a,d){var e,c,f=d.prop;c=b.current;var g=c.wrapSpace,h=c.skinSpace;if("width"===f||"height"===f)e=d.end===d.start?1:(a-d.start)/(d.end-d.start),b.isClosing&&(e=1-e),c="width"===f?c.wPadding:c.hPadding,c=a-c,b.skin[f](l("width"===f?c:c-g*e)),b.inner[f](l("width"===
|
||||
f?c:c-g*e-h*e))},zoomIn:function(){var a=b.current,d=a.pos,e=a.openEffect,c="elastic"===e,k=f.extend({opacity:1},d);delete k.position;c?(d=this.getOrigPosition(),a.openOpacity&&(d.opacity=0.1)):"fade"===e&&(d.opacity=0.1);b.wrap.css(d).animate(k,{duration:"none"===e?0:a.openSpeed,easing:a.openEasing,step:c?this.step:null,complete:b._afterZoomIn})},zoomOut:function(){var a=b.current,d=a.closeEffect,e="elastic"===d,c={opacity:0.1};e&&(c=this.getOrigPosition(),a.closeOpacity&&(c.opacity=0.1));b.wrap.animate(c,
|
||||
{duration:"none"===d?0:a.closeSpeed,easing:a.closeEasing,step:e?this.step:null,complete:b._afterZoomOut})},changeIn:function(){var a=b.current,d=a.nextEffect,e=a.pos,c={opacity:1},f=b.direction,g;e.opacity=0.1;"elastic"===d&&(g="down"===f||"up"===f?"top":"left","down"===f||"right"===f?(e[g]=w(l(e[g])-200),c[g]="+=200px"):(e[g]=w(l(e[g])+200),c[g]="-=200px"));"none"===d?b._afterZoomIn():b.wrap.css(e).animate(c,{duration:a.nextSpeed,easing:a.nextEasing,complete:b._afterZoomIn})},changeOut:function(){var a=
|
||||
b.previous,d=a.prevEffect,e={opacity:0.1},c=b.direction;"elastic"===d&&(e["down"===c||"up"===c?"top":"left"]=("up"===c||"left"===c?"-":"+")+"=200px");a.wrap.animate(e,{duration:"none"===d?0:a.prevSpeed,easing:a.prevEasing,complete:function(){f(this).trigger("onReset").remove()}})}};b.helpers.overlay={defaults:{closeClick:!0,speedOut:200,showEarly:!0,css:{},locked:!s,fixed:!0},overlay:null,fixed:!1,el:f("html"),create:function(a){a=f.extend({},this.defaults,a);this.overlay&&this.close();this.overlay=
|
||||
f('<div class="fancybox-overlay"></div>').appendTo(b.coming?b.coming.parent:a.parent);this.fixed=!1;a.fixed&&b.defaults.fixed&&(this.overlay.addClass("fancybox-overlay-fixed"),this.fixed=!0)},open:function(a){var d=this;a=f.extend({},this.defaults,a);this.overlay?this.overlay.unbind(".overlay").width("auto").height("auto"):this.create(a);this.fixed||(n.bind("resize.overlay",f.proxy(this.update,this)),this.update());a.closeClick&&this.overlay.bind("click.overlay",function(a){if(f(a.target).hasClass("fancybox-overlay"))return b.isActive?
|
||||
b.close():d.close(),!1});this.overlay.css(a.css).show()},close:function(){var a,b;n.unbind("resize.overlay");this.el.hasClass("fancybox-lock")&&(f(".fancybox-margin").removeClass("fancybox-margin"),a=n.scrollTop(),b=n.scrollLeft(),this.el.removeClass("fancybox-lock"),n.scrollTop(a).scrollLeft(b));f(".fancybox-overlay").remove().hide();f.extend(this,{overlay:null,fixed:!1})},update:function(){var a="100%",b;this.overlay.width(a).height("100%");I?(b=Math.max(G.documentElement.offsetWidth,G.body.offsetWidth),
|
||||
p.width()>b&&(a=p.width())):p.width()>n.width()&&(a=p.width());this.overlay.width(a).height(p.height())},onReady:function(a,b){var e=this.overlay;f(".fancybox-overlay").stop(!0,!0);e||this.create(a);a.locked&&(this.fixed&&b.fixed)&&(e||(this.margin=p.height()>n.height()?f("html").css("margin-right").replace("px",""):!1),b.locked=this.overlay.append(b.wrap),b.fixed=!1);!0===a.showEarly&&this.beforeShow.apply(this,arguments)},beforeShow:function(a,b){var e,c;b.locked&&(!1!==this.margin&&(f("*").filter(function(){return"fixed"===
|
||||
f(this).css("position")&&!f(this).hasClass("fancybox-overlay")&&!f(this).hasClass("fancybox-wrap")}).addClass("fancybox-margin"),this.el.addClass("fancybox-margin")),e=n.scrollTop(),c=n.scrollLeft(),this.el.addClass("fancybox-lock"),n.scrollTop(e).scrollLeft(c));this.open(a)},onUpdate:function(){this.fixed||this.update()},afterClose:function(a){this.overlay&&!b.coming&&this.overlay.fadeOut(a.speedOut,f.proxy(this.close,this))}};b.helpers.title={defaults:{type:"float",position:"bottom"},beforeShow:function(a){var d=
|
||||
b.current,e=d.title,c=a.type;f.isFunction(e)&&(e=e.call(d.element,d));if(q(e)&&""!==f.trim(e)){d=f('<div class="fancybox-title fancybox-title-'+c+'-wrap">'+e+"</div>");switch(c){case "inside":c=b.skin;break;case "outside":c=b.wrap;break;case "over":c=b.inner;break;default:c=b.skin,d.appendTo("body"),I&&d.width(d.width()),d.wrapInner('<span class="child"></span>'),b.current.margin[2]+=Math.abs(l(d.css("margin-bottom")))}d["top"===a.position?"prependTo":"appendTo"](c)}}};f.fn.fancybox=function(a){var d,
|
||||
e=f(this),c=this.selector||"",k=function(g){var h=f(this).blur(),j=d,k,l;!g.ctrlKey&&(!g.altKey&&!g.shiftKey&&!g.metaKey)&&!h.is(".fancybox-wrap")&&(k=a.groupAttr||"data-fancybox-group",l=h.attr(k),l||(k="rel",l=h.get(0)[k]),l&&(""!==l&&"nofollow"!==l)&&(h=c.length?f(c):e,h=h.filter("["+k+'="'+l+'"]'),j=h.index(this)),a.index=j,!1!==b.open(h,a)&&g.preventDefault())};a=a||{};d=a.index||0;!c||!1===a.live?e.unbind("click.fb-start").bind("click.fb-start",k):p.undelegate(c,"click.fb-start").delegate(c+
|
||||
":not('.fancybox-item, .fancybox-nav')","click.fb-start",k);this.filter("[data-fancybox-start=1]").trigger("click");return this};p.ready(function(){var a,d;f.scrollbarWidth===v&&(f.scrollbarWidth=function(){var a=f('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo("body"),b=a.children(),b=b.innerWidth()-b.height(99).innerWidth();a.remove();return b});if(f.support.fixedPosition===v){a=f.support;d=f('<div style="position:fixed;top:20px;"></div>').appendTo("body");var e=20===
|
||||
d[0].offsetTop||15===d[0].offsetTop;d.remove();a.fixedPosition=e}f.extend(b.defaults,{scrollbarWidth:f.scrollbarWidth(),fixed:f.support.fixedPosition,parent:f("body")});a=f(r).width();J.addClass("fancybox-lock-test");d=f(r).width();J.removeClass("fancybox-lock-test");f("<style type='text/css'>.fancybox-margin{margin-right:"+(d-a)+"px;}</style>").appendTo("head")})})(window,document,jQuery);
|
||||
1325
lib/ckeditor4/plugins/slideshow/dialogs/slideshow.js
Executable file
1325
lib/ckeditor4/plugins/slideshow/dialogs/slideshow.js.bak
Executable file
1
lib/ckeditor4/plugins/slideshow/dialogs/slideshow.min.js
vendored
Executable file
BIN
lib/ckeditor4/plugins/slideshow/icons/placeholder.png
Executable file
|
After Width: | Height: | Size: 5.7 KiB |
BIN
lib/ckeditor4/plugins/slideshow/icons/slideshow.png
Executable file
|
After Width: | Height: | Size: 597 B |
35
lib/ckeditor4/plugins/slideshow/lang/en.js
Executable file
@@ -0,0 +1,35 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, Cricri042. All rights reserved.
|
||||
For licensing, see LICENSE.html or http://ckeditor.com/license
|
||||
Targeted for "ad-gallery" JavaScript : http://adgallery.codeplex.com/
|
||||
And "Fancybox" : http://fancyapps.com/fancybox/
|
||||
*/
|
||||
CKEDITOR.plugins.setLang( 'slideshow', 'en', {
|
||||
toolbar : 'SlideShow',
|
||||
dialogTitle : 'SlideShow properties',
|
||||
fakeObject : 'SlideShow',
|
||||
imgList : 'Picture',
|
||||
imgAdd : 'Add a Picture',
|
||||
imgTitle : 'Title',
|
||||
imgDelete : 'Delete',
|
||||
imgEdit : 'Edit',
|
||||
previewMode : 'Preview',
|
||||
imgDesc : 'Short Description',
|
||||
editSlideShow : 'Edit SlideShow',
|
||||
picturesList : "Pictures List :",
|
||||
insertSlideShow : 'Insert SlideShow',
|
||||
showThumbs : 'Show thumbnails',
|
||||
showTitle : 'Show Title',
|
||||
showControls : "Show Start / Stop",
|
||||
displayTime : 'Disp. Time (Sec.)',
|
||||
transitionTime : 'Tr. Time (mSec.)',
|
||||
autoStart : 'AutoStart',
|
||||
pictHeight : 'Height (px)',
|
||||
openOnClick : 'Open on Click',
|
||||
transition : 'Transition Type',
|
||||
tr1 : 'None',
|
||||
tr2 : 'Resize',
|
||||
tr3 : 'Slide Vertical',
|
||||
tr4 : 'Slide Horizontal',
|
||||
tr5 : 'Fade',
|
||||
});
|
||||
35
lib/ckeditor4/plugins/slideshow/lang/fr.js
Executable file
@@ -0,0 +1,35 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, Cricri042. All rights reserved.
|
||||
For licensing, see LICENSE.html or http://ckeditor.com/license
|
||||
Targeted for "ad-gallery" JavaScript : http://adgallery.codeplex.com/
|
||||
And "Fancybox" : http://fancyapps.com/fancybox/
|
||||
*/
|
||||
CKEDITOR.plugins.setLang( 'slideshow', 'fr', {
|
||||
toolbar : 'Caroussel',
|
||||
dialogTitle : 'Propri\351t\351s du Caroussel',
|
||||
fakeObject : 'Caroussel',
|
||||
imgList : 'Image',
|
||||
imgAdd : 'Ajouter une Image',
|
||||
imgDelete : 'Supprimer',
|
||||
imgEdit : 'Editer',
|
||||
previewMode : 'Apercu',
|
||||
imgTitle : 'Titre',
|
||||
imgDesc : 'Courte Description',
|
||||
editSlideShow : 'Editer le Caroussel',
|
||||
showThumbs : 'Afficher les Vignettes',
|
||||
showControls : "xxxxxx Start / Stop",
|
||||
showTitle : 'Afficher le Titre',
|
||||
displayTime : 'Affichage (Sec.)',
|
||||
transitionTime : 'Transition (mSec.)',
|
||||
tr1 : 'Aucun',
|
||||
tr2 : 'Redimensionnement',
|
||||
tr3 : 'Glissement Vertical',
|
||||
tr4 : 'Glissement Horizontal',
|
||||
tr5 : 'Fondu',
|
||||
autoStart : 'Démarrage Auto.',
|
||||
pictHeight : 'Hauteur (px)',
|
||||
openOnClick : 'Ouvrir en Cliquant',
|
||||
transition : 'Type de Transition',
|
||||
picturesList : "Liste des Images : ",
|
||||
insertSlideShow : 'Ins\351rer un Caroussel',
|
||||
});
|
||||
35
lib/ckeditor4/plugins/slideshow/lang/ru.js
Executable file
@@ -0,0 +1,35 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, Cricri042. All rights reserved.
|
||||
For licensing, see LICENSE.html or http://ckeditor.com/license
|
||||
Targeted for "ad-gallery" JavaScript : http://adgallery.codeplex.com/
|
||||
And "Fancybox" : http://fancyapps.com/fancybox/
|
||||
*/
|
||||
CKEDITOR.plugins.setLang( 'slideshow', 'ru', {
|
||||
toolbar : 'Слайд-шоу',
|
||||
dialogTitle : 'Слайд-шоу',
|
||||
fakeObject : 'Слайд-шоу',
|
||||
imgList : 'Изображения',
|
||||
imgAdd : 'Добавить изображения',
|
||||
imgTitle : 'Заголовок',
|
||||
imgDelete : 'Удалить',
|
||||
imgEdit : 'Добавить',
|
||||
previewMode : 'Предпросмотр',
|
||||
imgDesc : 'Описание',
|
||||
editSlideShow : 'Добавить Слайд-шоу',
|
||||
picturesList : "Изображения :",
|
||||
insertSlideShow : 'Вставить Слайд-шоу',
|
||||
showThumbs : 'Показывать эскизы',
|
||||
showTitle : 'Показывать заголовок',
|
||||
showControls : "Показывать Старт / Стоп",
|
||||
displayTime : 'Время паказа (Сек.)',
|
||||
transitionTime : 'Плавность перехода (мСек.)',
|
||||
autoStart : 'Автостарт',
|
||||
pictHeight : 'Высота (px)',
|
||||
openOnClick : 'Открывать кликом',
|
||||
transition : 'Типы переходов',
|
||||
tr1 : 'Нет',
|
||||
tr2 : 'Растяжимый',
|
||||
tr3 : 'Вертикальное слайдшоу',
|
||||
tr4 : 'Горизонтальное слайдшоу',
|
||||
tr5 : 'Постепенно исчезать',
|
||||
});
|
||||
203
lib/ckeditor4/plugins/slideshow/plugin.js
Executable file
@@ -0,0 +1,203 @@
|
||||
/**
|
||||
* Plugin inserting Slide Shows elements into CKEditor editing area.
|
||||
*
|
||||
* Created out of the CKEditor Plugin SDK:
|
||||
* http://docs.ckeditor.com/#!/guide/plugin_sdk_sample_1
|
||||
*
|
||||
* Copyright (c) 2003-2013, Cricri042. All rights reserved.
|
||||
* Targeted for "ad-gallery" JavaScript : http://adgallery.codeplex.com/
|
||||
* And "Fancybox" : http://fancyapps.com/fancybox/
|
||||
*
|
||||
*/
|
||||
|
||||
// Register the plugin within the editor.
|
||||
( function() {
|
||||
|
||||
CKEDITOR.plugins.add( 'slideshow', {
|
||||
// Translations, available at the end of this file, without extra requests
|
||||
//lang : [ 'en', 'fr' ],
|
||||
lang: 'en,fr,ru',
|
||||
|
||||
getSlideShowDialogCss : function()
|
||||
{
|
||||
return 'img.cke_slideShow' +
|
||||
'{' +
|
||||
'background-image: url(' + CKEDITOR.getUrl( this.path + 'icons/placeholder.png' ) + ');' +
|
||||
'background-position: center center;' +
|
||||
'background-repeat: no-repeat;' +
|
||||
'background-color:Azure;'+
|
||||
'border: 1px solid #a9a9a9;' +
|
||||
'width: 100px;' +
|
||||
'height:100px;' +
|
||||
'margin: 5px;';
|
||||
'}'
|
||||
},
|
||||
|
||||
// Register the icons.
|
||||
icons: 'slideshow',
|
||||
|
||||
onLoad : function()
|
||||
{
|
||||
// v4
|
||||
if (CKEDITOR.addCss)
|
||||
CKEDITOR.addCss( this.getSlideShowDialogCss() );
|
||||
|
||||
},
|
||||
|
||||
// The plugin initialization logic goes inside this method.
|
||||
init: function( editor ) {
|
||||
var lang = editor.lang.slideshow;
|
||||
|
||||
// Check for CKEditor 3.5
|
||||
if (typeof editor.element.data == 'undefined')
|
||||
{
|
||||
alert('The "Slide Show" plugin requires CKEditor 3.5 or newer');
|
||||
return;
|
||||
}
|
||||
|
||||
allowed = '';
|
||||
allowed += ' html head title; style [media,type]; body (*)[id]; meta link [*]',
|
||||
allowed += '; img[*]{*}(*)';
|
||||
allowed += '; div[*]{*}(*)';
|
||||
allowed += '; script[*]{*}(*)';
|
||||
allowed += '; ul[*]{*}(*)';
|
||||
allowed += '; li[*]{*}(*)';
|
||||
|
||||
// Register the command.
|
||||
editor.addCommand( 'slideshow', new CKEDITOR.dialogCommand( 'slideshowDialog', {
|
||||
allowedContent: allowed,
|
||||
requires: ['fakeobjects'],
|
||||
} ) );
|
||||
|
||||
// Create a toolbar button that executes the above command.
|
||||
editor.ui.addButton( 'Slideshow', {
|
||||
// The text part of the button (if available) and tooptip.
|
||||
label: lang.insertSlideShow,
|
||||
command: 'slideshow',
|
||||
// The button placement in the toolbar (toolbar group name).
|
||||
toolbar: 'insert'
|
||||
});
|
||||
|
||||
editor.on( 'load', function( evt ) {
|
||||
});
|
||||
|
||||
editor.on( 'doubleclick', function( evt )
|
||||
{
|
||||
var element = evt.data.element;
|
||||
if ( element.is( 'img' ) && element.data( 'cke-real-element-type' ) == 'slideShow' )
|
||||
evt.data.dialog = 'slideshowDialog';
|
||||
});
|
||||
|
||||
editor.on( 'instanceReady', function() {
|
||||
//console.log('START --------------------------');
|
||||
//console.log( editor.filter.allowedContent );
|
||||
//console.log('END ----------------------------');
|
||||
} );
|
||||
CKEDITOR.on('instanceReady', function(event) {
|
||||
event.editor.on('dialogShow', function(dialogShowEvent) {
|
||||
if(CKEDITOR.env.ie) {
|
||||
$(dialogShowEvent.data._.element.$).find('a[href*="void(0)"]').removeAttr('href');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
if ( editor.contextMenu ) {
|
||||
editor.addMenuGroup( 'slideshowGroup' );
|
||||
editor.addMenuItem( 'slideshowItem', {
|
||||
label: lang.editSlideShow,
|
||||
icon: this.path + 'icons/slideshow.png',
|
||||
command: 'slideshow',
|
||||
group: 'slideshowGroup'
|
||||
});
|
||||
|
||||
editor.contextMenu.addListener( function( element, selection )
|
||||
{
|
||||
if ( element && element.is( 'img' ) && !element.isReadOnly()
|
||||
&& element.data( 'cke-real-element-type' ) == 'slideShow' ) {
|
||||
//if ( element && element.is( 'img' ) && element.data( 'cke-real-element-type' ) == 'slideShow' ) {
|
||||
editor.contextMenu.removeAll(); // this line removes all entries from the context menu
|
||||
return { slideshowItem : CKEDITOR.TRISTATE_OFF };
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Register our dialog file. this.path is the plugin folder path.
|
||||
CKEDITOR.dialog.add( 'slideshowDialog', this.path + 'dialogs/slideshow.min.js' );
|
||||
|
||||
// v3
|
||||
if (editor.addCss)
|
||||
editor.addCss( this.getSlideShowDialogCss() );
|
||||
|
||||
// Add special handling for these items
|
||||
CKEDITOR.dtd.$empty['cke:source']=1;
|
||||
CKEDITOR.dtd.$empty['source']=1;
|
||||
editor.lang.fakeobjects.slideShow = lang.fakeObject;
|
||||
|
||||
}, // Init
|
||||
|
||||
afterInit: function( editor )
|
||||
{
|
||||
var dataProcessor = editor.dataProcessor,
|
||||
htmlFilter = dataProcessor && dataProcessor.htmlFilter,
|
||||
dataFilter = dataProcessor && dataProcessor.dataFilter;
|
||||
|
||||
if ( dataFilter ) {
|
||||
dataFilter.addRules({
|
||||
elements: {
|
||||
div : function( realElement )
|
||||
{
|
||||
if (realElement.attributes['class'] == 'slideshowPlugin') {
|
||||
//alert("dataFilter : " + realElement.attributes['class']);
|
||||
var fakeElement = editor.createFakeParserElement( realElement, 'cke_slideShow', 'slideShow', false ),
|
||||
fakeStyle = fakeElement.attributes.style || '';
|
||||
var imgSrc = CKEDITOR.getUrl('plugins/slideshow/icons/placeholder.png' );
|
||||
var foundOne = false;
|
||||
realElement.forEach( function( node ) {
|
||||
//console.log( "---------> " + node.name );
|
||||
|
||||
if (node.name == 'img') {
|
||||
if (!foundOne) {
|
||||
//console.log( node );
|
||||
imgSrc = node.attributes.src;
|
||||
foundOne = true;
|
||||
}
|
||||
}
|
||||
} );
|
||||
fakeStyle = fakeElement.attributes.style = fakeStyle + ' background-image:url("' + imgSrc + '"); ';
|
||||
fakeStyle = fakeElement.attributes.style = fakeStyle + ' background-size:50%; ';
|
||||
fakeStyle = fakeElement.attributes.style = fakeStyle + ' display:block; ';
|
||||
//console.log( fakeStyle );
|
||||
|
||||
return fakeElement;
|
||||
}
|
||||
}
|
||||
}
|
||||
}, 3);
|
||||
}
|
||||
if ( htmlFilter ) {
|
||||
htmlFilter.addRules({
|
||||
elements: {
|
||||
$ : function( realElement )
|
||||
{
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
} // afterInit
|
||||
|
||||
});
|
||||
// v3
|
||||
if (CKEDITOR.skins)
|
||||
{
|
||||
en = { slideshow : en} ;
|
||||
fr = { slideshow : fr} ;
|
||||
ru = { slideshow : ru} ;
|
||||
}
|
||||
// Translations
|
||||
//CKEDITOR.plugins.setLang( 'slideshow', 'fr', fr );
|
||||
//CKEDITOR.plugins.setLang( 'slideshow', 'en', en );
|
||||
|
||||
})();
|
||||