Version Notes
stable release
Download this release
Release Info
| Developer | Jurij |
| Extension | ET_Lytebox |
| Version | 1.0.0 |
| Comparing to | |
| See all releases | |
Code changes from version 0.1.6 to 1.0.0
- app/code/community/ET/ET_Lytebox_ChangeLog.txt +0 -45
- app/code/community/ET/ET_Lytebox_Description.txt +0 -56
- app/code/community/ET/ET_Lytebox_LICENSE.txt +0 -48
- app/code/community/ET/Lytebox/Block/Adminhtml/Support.php +122 -0
- app/code/community/ET/Lytebox/Helper/Data.php +4 -5
- app/code/community/ET/Lytebox/etc/config.xml +154 -137
- app/code/community/ET/Lytebox/etc/system.xml +286 -270
- app/design/frontend/base/default/layout/etlytebox.xml +67 -0
- app/design/frontend/base/default/template/etlytebox/config.phtml +59 -0
- app/design/frontend/base/default/template/etlytebox/media.phtml +170 -0
- app/design/frontend/default/default/layout/etlytebox.xml +0 -68
- app/design/frontend/default/default/template/etlytebox/config.phtml +0 -58
- app/design/frontend/default/default/template/etlytebox/media.phtml +0 -160
- app/etc/modules/ET_Lytebox.xml +31 -32
- app/locale/ru_RU/ET_Lytebox.csv +54 -42
- js/lytebox/lytebox.js +922 -922
- package.xml +9 -11
- skin/frontend/{default → base}/default/lytebox/images/blank.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_blue_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_blue_lv.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_blue_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_gold_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_gold_lv.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_gold_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_green_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_green_lv.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_green_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_grey_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_grey_lv.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_grey_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_red_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_red_lv.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/close_red_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/loading.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/next_blue_en.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/next_blue_ru.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/next_gold_en.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/next_gold_ru.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/next_green_en.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/next_green_ru.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/next_grey_en.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/next_grey_ru.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/next_red_en.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/next_red_ru.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/pause_blue_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/pause_blue_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/pause_gold_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/pause_gold_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/pause_green_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/pause_green_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/pause_grey_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/pause_grey_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/pause_red_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/pause_red_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/play_blue_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/play_blue_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/play_gold_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/play_gold_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/play_green_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/play_green_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/play_grey_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/play_grey_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/play_red_en.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/play_red_ru.png +0 -0
- skin/frontend/{default → base}/default/lytebox/images/prev_blue_en.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/prev_blue_ru.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/prev_gold_en.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/prev_gold_ru.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/prev_green_en.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/prev_green_ru.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/prev_grey_en.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/prev_grey_ru.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/prev_red_en.gif +0 -0
- skin/frontend/{default → base}/default/lytebox/images/prev_red_ru.gif +0 -0
- skin/frontend/base/default/lytebox/lytebox_base.css +168 -0
- skin/frontend/default/default/lytebox/lytebox_base.css +0 -168
app/code/community/ET/ET_Lytebox_ChangeLog.txt
DELETED
|
@@ -1,45 +0,0 @@
|
|
| 1 |
-
=====================================
|
| 2 |
-
This file describes changes between versions of module ET_Lytebox for Magento.
|
| 3 |
-
|
| 4 |
-
Legend:
|
| 5 |
-
* bug fix
|
| 6 |
-
+ added functionality
|
| 7 |
-
- removed functionality
|
| 8 |
-
|
| 9 |
-
=====================================
|
| 10 |
-
TODO:
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
=====================================
|
| 14 |
-
ver. 0.1.6
|
| 15 |
-
* fixed frontend layout for use Lytebox for static blocks in catalog category view
|
| 16 |
-
|
| 17 |
-
ver. 0.1.5
|
| 18 |
-
* js fixed for Opera 11
|
| 19 |
-
|
| 20 |
-
ver. 0.1.4
|
| 21 |
-
* js fixed for MS IE 9 support
|
| 22 |
-
|
| 23 |
-
ver. 0.1.3
|
| 24 |
-
+ layout changes (can use Lytebox in static blok in catalog)
|
| 25 |
-
|
| 26 |
-
ver. 0.1.2
|
| 27 |
-
+ changed code pool from local to community
|
| 28 |
-
* changed media.phtml template (source from 1.5.0.1 base theme)
|
| 29 |
-
+ can use lytebox in cms pages
|
| 30 |
-
+ can use slideshow for images on CMS pages
|
| 31 |
-
+ added translation files (en_US, ru_RU)
|
| 32 |
-
+ added russian skin for Lytebox
|
| 33 |
-
|
| 34 |
-
ver. 0.1.1
|
| 35 |
-
+ Changed custom pop-up image size support
|
| 36 |
-
+ full size (pop-up size value empty)
|
| 37 |
-
+ custom width(pop-up size value contains only one value)
|
| 38 |
-
+ custom width and height (pop-up size value contains both values)
|
| 39 |
-
+ New styles - grey_lv and grey_ru
|
| 40 |
-
|
| 41 |
-
+ changes for custom style compatibility
|
| 42 |
-
* bug in pop-up size resolved
|
| 43 |
-
|
| 44 |
-
ver. 0.1.0
|
| 45 |
-
+ first release
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
app/code/community/ET/ET_Lytebox_Description.txt
DELETED
|
@@ -1,56 +0,0 @@
|
|
| 1 |
-
==== Description / Для чего этот модуль? ====
|
| 2 |
-
|
| 3 |
-
EN:
|
| 4 |
-
This extension integrates Lytebox viewer (http://www.dolem.com/lytebox/).
|
| 5 |
-
* Replaces default popup window on product view page
|
| 6 |
-
* Adds possibility to use Lytebox on CMS pages
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
RU:
|
| 10 |
-
Интеграция в Magento просмоторщика изображений Lytebox (http://www.dolem.com/lytebox/).
|
| 11 |
-
* Заменяет стандартное окно, в котором показывается изображение товара.
|
| 12 |
-
* Добавляет возможность использовать Lytebox на CMS страницах.
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
====Features / Особенности модуля====
|
| 17 |
-
|
| 18 |
-
* Replaces default popup window on product view page
|
| 19 |
-
* Adds possibility to use Lytebox on CMS pages
|
| 20 |
-
* All settings are available on admin panel
|
| 21 |
-
* Available languages for admin panel (en_US, ru_RU)
|
| 22 |
-
* Available languages for Lytebox skin (en, ru, lv)
|
| 23 |
-
* Open Source
|
| 24 |
-
* Fully compatible with ET_ConfigurableImages
|
| 25 |
-
|
| 26 |
-
* Заменяет стандартное окно, в котором показывается изображение товара.
|
| 27 |
-
* Добавляет возможность использовать Lytebox на CMS страницах.
|
| 28 |
-
* Все настройки доступны в панели администрирования
|
| 29 |
-
* Доступные языки для панели администрирования (en_US, ru_RU)
|
| 30 |
-
* Доступные языки Lytebox skin (en, ru, lv)
|
| 31 |
-
* Open Source
|
| 32 |
-
* Полностью совместим с ET_ConfigurableImages
|
| 33 |
-
|
| 34 |
-
====Version Compatibility / Совместимость версий====
|
| 35 |
-
1.3.х (tested in 1.3.2.4.)
|
| 36 |
-
1.4.x (tested in 1.4.1.1.)
|
| 37 |
-
1.5.x (tested in 1.5.0.1.)
|
| 38 |
-
|
| 39 |
-
====Module tags:====
|
| 40 |
-
|
| 41 |
-
popup, lightbox, lytebox, images, product, slideshow
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
==== How to use Lytebox for CMS pages ====
|
| 45 |
-
Original documentation available on official Lytebox site http://www.dolem.com/lytebox/
|
| 46 |
-
|
| 47 |
-
Single Image Example:
|
| 48 |
-
<a href="images/image-1.jpg" rel="lytebox" title="Image Description">Image #1</a>
|
| 49 |
-
|
| 50 |
-
Grouped Images Example:
|
| 51 |
-
<a href="images/image-1.jpg" rel="lytebox[vacation]" title="Mom and Dad">Mom and Dad</a>
|
| 52 |
-
<a href="images/image-2.jpg" rel="lytebox[vacation]" title="My Sister">My Sister</a>
|
| 53 |
-
|
| 54 |
-
Slideshow Example (note the use of lyteshow instead of lytebox):
|
| 55 |
-
<a href="images/image-1.jpg" rel="lyteshow[vacation]" title="Mom and Dad">Mom and Dad</a>
|
| 56 |
-
<a href="images/image-2.jpg" rel="lyteshow[vacation]" title="My Sister">My Sister</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
app/code/community/ET/ET_Lytebox_LICENSE.txt
DELETED
|
@@ -1,48 +0,0 @@
|
|
| 1 |
-
http://opensource.org/licenses/afl-3.0.php
|
| 2 |
-
|
| 3 |
-
Academic Free License ("AFL") v. 3.0
|
| 4 |
-
This Academic Free License (the "License") applies to any original work of authorship (the "Original Work") whose owner (the "Licensor") has placed the following licensing notice adjacent to the copyright notice for the Original Work:
|
| 5 |
-
|
| 6 |
-
Licensed under the Academic Free License version 3.0
|
| 7 |
-
|
| 8 |
-
1) Grant of Copyright License. Licensor grants You a worldwide, royalty-free, non-exclusive, sublicensable license, for the duration of the copyright, to do the following:
|
| 9 |
-
|
| 10 |
-
a) to reproduce the Original Work in copies, either alone or as part of a collective work;
|
| 11 |
-
|
| 12 |
-
b) to translate, adapt, alter, transform, modify, or arrange the Original Work, thereby creating derivative works ("Derivative Works") based upon the Original Work;
|
| 13 |
-
|
| 14 |
-
c) to distribute or communicate copies of the Original Work and Derivative Works to the public, under any license of your choice that does not contradict the terms and conditions, including Licensor's reserved rights and remedies, in this Academic Free License;
|
| 15 |
-
|
| 16 |
-
d) to perform the Original Work publicly; and
|
| 17 |
-
|
| 18 |
-
e) to display the Original Work publicly.
|
| 19 |
-
|
| 20 |
-
2) Grant of Patent License. Licensor grants You a worldwide, royalty-free, non-exclusive, sublicensable license, under patent claims owned or controlled by the Licensor that are embodied in the Original Work as furnished by the Licensor, for the duration of the patents, to make, use, sell, offer for sale, have made, and import the Original Work and Derivative Works.
|
| 21 |
-
|
| 22 |
-
3) Grant of Source Code License. The term "Source Code" means the preferred form of the Original Work for making modifications to it and all available documentation describing how to modify the Original Work. Licensor agrees to provide a machine-readable copy of the Source Code of the Original Work along with each copy of the Original Work that Licensor distributes. Licensor reserves the right to satisfy this obligation by placing a machine-readable copy of the Source Code in an information repository reasonably calculated to permit inexpensive and convenient access by You for as long as Licensor continues to distribute the Original Work.
|
| 23 |
-
|
| 24 |
-
4) Exclusions From License Grant. Neither the names of Licensor, nor the names of any contributors to the Original Work, nor any of their trademarks or service marks, may be used to endorse or promote products derived from this Original Work without express prior permission of the Licensor. Except as expressly stated herein, nothing in this License grants any license to Licensor's trademarks, copyrights, patents, trade secrets or any other intellectual property. No patent license is granted to make, use, sell, offer for sale, have made, or import embodiments of any patent claims other than the licensed claims defined in Section 2. No license is granted to the trademarks of Licensor even if such marks are included in the Original Work. Nothing in this License shall be interpreted to prohibit Licensor from licensing under terms different from this License any Original Work that Licensor otherwise would have a right to license.
|
| 25 |
-
|
| 26 |
-
5) External Deployment. The term "External Deployment" means the use, distribution, or communication of the Original Work or Derivative Works in any way such that the Original Work or Derivative Works may be used by anyone other than You, whether those works are distributed or communicated to those persons or made available as an application intended for use over a network. As an express condition for the grants of license hereunder, You must treat any External Deployment by You of the Original Work or a Derivative Work as a distribution under section 1(c).
|
| 27 |
-
|
| 28 |
-
6) Attribution Rights. You must retain, in the Source Code of any Derivative Works that You create, all copyright, patent, or trademark notices from the Source Code of the Original Work, as well as any notices of licensing and any descriptive text identified therein as an "Attribution Notice." You must cause the Source Code for any Derivative Works that You create to carry a prominent Attribution Notice reasonably calculated to inform recipients that You have modified the Original Work.
|
| 29 |
-
|
| 30 |
-
7) Warranty of Provenance and Disclaimer of Warranty. Licensor warrants that the copyright in and to the Original Work and the patent rights granted herein by Licensor are owned by the Licensor or are sublicensed to You under the terms of this License with the permission of the contributor(s) of those copyrights and patent rights. Except as expressly stated in the immediately preceding sentence, the Original Work is provided under this License on an "AS IS" BASIS and WITHOUT WARRANTY, either express or implied, including, without limitation, the warranties of non-infringement, merchantability or fitness for a particular purpose. THE ENTIRE RISK AS TO THE QUALITY OF THE ORIGINAL WORK IS WITH YOU. This DISCLAIMER OF WARRANTY constitutes an essential part of this License. No license to the Original Work is granted by this License except under this disclaimer.
|
| 31 |
-
|
| 32 |
-
8) Limitation of Liability. Under no circumstances and under no legal theory, whether in tort (including negligence), contract, or otherwise, shall the Licensor be liable to anyone for any indirect, special, incidental, or consequential damages of any character arising as a result of this License or the use of the Original Work including, without limitation, damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses. This limitation of liability shall not apply to the extent applicable law prohibits such limitation.
|
| 33 |
-
|
| 34 |
-
9) Acceptance and Termination. If, at any time, You expressly assented to this License, that assent indicates your clear and irrevocable acceptance of this License and all of its terms and conditions. If You distribute or communicate copies of the Original Work or a Derivative Work, You must make a reasonable effort under the circumstances to obtain the express assent of recipients to the terms of this License. This License conditions your rights to undertake the activities listed in Section 1, including your right to create Derivative Works based upon the Original Work, and doing so without honoring these terms and conditions is prohibited by copyright law and international treaty. Nothing in this License is intended to affect copyright exceptions and limitations (including "fair use" or "fair dealing"). This License shall terminate immediately and You may no longer exercise any of the rights granted to You by this License upon your failure to honor the conditions in Section 1(c).
|
| 35 |
-
|
| 36 |
-
10) Termination for Patent Action. This License shall terminate automatically and You may no longer exercise any of the rights granted to You by this License as of the date You commence an action, including a cross-claim or counterclaim, against Licensor or any licensee alleging that the Original Work infringes a patent. This termination provision shall not apply for an action alleging patent infringement by combinations of the Original Work with other software or hardware.
|
| 37 |
-
|
| 38 |
-
11) Jurisdiction, Venue and Governing Law. Any action or suit relating to this License may be brought only in the courts of a jurisdiction wherein the Licensor resides or in which Licensor conducts its primary business, and under the laws of that jurisdiction excluding its conflict-of-law provisions. The application of the United Nations Convention on Contracts for the International Sale of Goods is expressly excluded. Any use of the Original Work outside the scope of this License or after its termination shall be subject to the requirements and penalties of copyright or patent law in the appropriate jurisdiction. This section shall survive the termination of this License.
|
| 39 |
-
|
| 40 |
-
12) Attorneys' Fees. In any action to enforce the terms of this License or seeking damages relating thereto, the prevailing party shall be entitled to recover its costs and expenses, including, without limitation, reasonable attorneys' fees and costs incurred in connection with such action, including any appeal of such action. This section shall survive the termination of this License.
|
| 41 |
-
|
| 42 |
-
13) Miscellaneous. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable.
|
| 43 |
-
|
| 44 |
-
14) Definition of "You" in This License. "You" throughout this License, whether in upper or lower case, means an individual or a legal entity exercising rights under, and complying with all of the terms of, this License. For legal entities, "You" includes any entity that controls, is controlled by, or is under common control with you. For purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
|
| 45 |
-
|
| 46 |
-
15) Right to Use. You may use the Original Work in all ways not otherwise restricted or conditioned by this License or by law, and Licensor promises not to interfere with or be responsible for such uses by You.
|
| 47 |
-
|
| 48 |
-
16) Modification of This License. This License is Copyright © 2005 Lawrence Rosen. Permission is granted to copy, distribute, or communicate this License without modification. Nothing in this License permits You to modify this License as applied to the Original Work or to Derivative Works. However, You may modify the text of this License and copy, distribute or communicate your modified version (the "Modified License") and apply it to other original works of authorship subject to the following conditions: (i) You may not indicate in any way that your Modified License is the "Academic Free License" or "AFL" and you may not use those names in the name of your Modified License; (ii) You must replace the notice specified in the first paragraph above with the notice "Licensed under <insert your license name here>" or with a notice of your own that is not confusingly similar to the notice in this License; and (iii) You may not claim that your original works are open source software unless your Modified License has been approved by Open Source Initiative (OSI) and You comply with its license review and certification process.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
app/code/community/ET/Lytebox/Block/Adminhtml/Support.php
ADDED
|
@@ -0,0 +1,122 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
/**
|
| 3 |
+
* NOTICE OF LICENSE
|
| 4 |
+
*
|
| 5 |
+
* You may not sell, sub-license, rent or lease
|
| 6 |
+
* any portion of the Software or Documentation to anyone.
|
| 7 |
+
*
|
| 8 |
+
* DISCLAIMER
|
| 9 |
+
*
|
| 10 |
+
* Do not edit or add to this file if you wish to upgrade to newer
|
| 11 |
+
* versions in the future.
|
| 12 |
+
*
|
| 13 |
+
* @category ET
|
| 14 |
+
* @package ET_Lytebox
|
| 15 |
+
* @copyright Copyright (c) 2012 ET Web Solutions (http://etwebsolutions.com)
|
| 16 |
+
* @contacts support@etwebsolutions.com
|
| 17 |
+
* @license http://shop.etwebsolutions.com/etws-license-free-v1/ ETWS Free License (EFL1)
|
| 18 |
+
*/
|
| 19 |
+
|
| 20 |
+
class ET_Lytebox_Block_Adminhtml_Support
|
| 21 |
+
extends Mage_Adminhtml_Block_Abstract
|
| 22 |
+
implements Varien_Data_Form_Element_Renderer_Interface
|
| 23 |
+
{
|
| 24 |
+
/**
|
| 25 |
+
* Support tab
|
| 26 |
+
* version 1.0.0
|
| 27 |
+
*/
|
| 28 |
+
public function render(Varien_Data_Form_Element_Abstract $element)
|
| 29 |
+
{
|
| 30 |
+
$helper = Mage::helper('lytebox');
|
| 31 |
+
$moduleNameId = 'ET_Lytebox';
|
| 32 |
+
|
| 33 |
+
$moduleVersion = $this->_getConfigValue($moduleNameId, 'version');
|
| 34 |
+
$moduleName = $this->_getConfigValue($moduleNameId, 'name');
|
| 35 |
+
$moduleShortDescription = $this->_getConfigValue($moduleNameId, 'descr');
|
| 36 |
+
$moduleLicense = $this->_getConfigValue($moduleNameId, 'license');
|
| 37 |
+
|
| 38 |
+
$linkParameters = '?module=' . $moduleNameId . '&ver=' . $moduleVersion . '&ref=' . $_SERVER['HTTP_HOST'];
|
| 39 |
+
$moduleLicenseLink = $this->_getConfigValue($moduleNameId, 'licenselink') . $linkParameters;
|
| 40 |
+
$moduleSupportLink = $this->_getConfigValue($moduleNameId, 'redminelink') . $linkParameters;
|
| 41 |
+
$moduleLink = $this->_getConfigValue($moduleNameId, 'permanentlink') . $linkParameters;
|
| 42 |
+
$servicesLink = $this->_getConfigValue($moduleNameId, 'ourserviceslink') . $linkParameters;
|
| 43 |
+
|
| 44 |
+
$html =
|
| 45 |
+
'<style>
|
| 46 |
+
.line {border-top: 1px solid #c6c6c6; }
|
| 47 |
+
.developer-label {color: #000000; font-weight:bold; width: 150px;}
|
| 48 |
+
.developer-text { padding-bottom: 15px;}
|
| 49 |
+
.developer {width: 600px; }
|
| 50 |
+
</style>';
|
| 51 |
+
|
| 52 |
+
$html .= '
|
| 53 |
+
<table cellspacing="0" cellpading="0" class="developer">
|
| 54 |
+
<tr>
|
| 55 |
+
<td class="developer-label">' . $helper->__('Extension:') . '</td>
|
| 56 |
+
<td class="developer-text">' . $helper->__(
|
| 57 |
+
'<strong>%s</strong> (version %s)',
|
| 58 |
+
$moduleName,
|
| 59 |
+
$moduleVersion
|
| 60 |
+
) . '</td>
|
| 61 |
+
</tr>
|
| 62 |
+
<tr>
|
| 63 |
+
<td class="developer-label">' . $helper->__('License:') . '</td>
|
| 64 |
+
<td class="developer-text">' . $helper->__(
|
| 65 |
+
'<a href="%s" target="_blank">%s</a>',
|
| 66 |
+
$moduleLicenseLink,
|
| 67 |
+
$moduleLicense
|
| 68 |
+
) . '</td>
|
| 69 |
+
</tr>
|
| 70 |
+
<tr>
|
| 71 |
+
<td class="developer-label">' . $helper->__('Short Description:') . '</td>
|
| 72 |
+
<td class="developer-text">' .$moduleShortDescription. '</td>
|
| 73 |
+
</tr>
|
| 74 |
+
<tr>
|
| 75 |
+
<td class="developer-label">' . $helper->__('Documentation:') . '</td>
|
| 76 |
+
<td class="developer-text">' . $helper->__(
|
| 77 |
+
'You can see description of extension features and answers to the ' .
|
| 78 |
+
'frequently asked questions on <a href="%s" target="_balnk">our website</a>.',
|
| 79 |
+
$moduleLink) . '</td>
|
| 80 |
+
</tr>
|
| 81 |
+
<tr>
|
| 82 |
+
<td class="developer-label line">' . $helper->__('Support:') . '</td>
|
| 83 |
+
<td class="developer-text line">' . $helper->__(
|
| 84 |
+
'Extension support is available through <a href="%s" target="_blank">issue tracking system' .
|
| 85 |
+
'</a>.<br>You can see information freely, but you will have to sign up to open a ticket.<br>' .
|
| 86 |
+
'<br>Please, report all bugs and feature requests that are connected to this extension.<br>' .
|
| 87 |
+
'<br>If by some reason you can not submit a question, bug report or feature request to our ' .
|
| 88 |
+
'ticket system, you can write us an email - support@etwebsolutions.com.',
|
| 89 |
+
$moduleSupportLink) . '</td>
|
| 90 |
+
</tr>
|
| 91 |
+
<tr>
|
| 92 |
+
<td class="developer-label line">' . $helper->__('Advertisement:') . '</td>
|
| 93 |
+
<td class="developer-text line">' . $helper->__(
|
| 94 |
+
'You can hire our team to customize the extension. E-mail us on sales@etwebsolutions.com.<br>' .
|
| 95 |
+
'<br>You can see a list of provided services on <a href="%s" target="_blank">our website</a>.',
|
| 96 |
+
$servicesLink) . '</td>
|
| 97 |
+
</tr>
|
| 98 |
+
</table>';
|
| 99 |
+
|
| 100 |
+
|
| 101 |
+
return $html;
|
| 102 |
+
}
|
| 103 |
+
|
| 104 |
+
protected function _getConfigValue($module, $config)
|
| 105 |
+
{
|
| 106 |
+
$locale = Mage::app()->getLocale()->getLocaleCode();
|
| 107 |
+
$defaultLocale = 'en_US';
|
| 108 |
+
$mainConfig = Mage::getConfig();
|
| 109 |
+
$moduleConfig = $mainConfig->getNode('modules/' . $module . '/' . $config);
|
| 110 |
+
|
| 111 |
+
if ((string)$moduleConfig) {
|
| 112 |
+
return $moduleConfig;
|
| 113 |
+
}
|
| 114 |
+
|
| 115 |
+
if ($moduleConfig->$locale) {
|
| 116 |
+
return $moduleConfig->$locale;
|
| 117 |
+
} else {
|
| 118 |
+
return $moduleConfig->$defaultLocale;
|
| 119 |
+
}
|
| 120 |
+
}
|
| 121 |
+
|
| 122 |
+
}
|
app/code/community/ET/Lytebox/Helper/Data.php
CHANGED
|
@@ -1,10 +1,9 @@
|
|
| 1 |
<?php
|
| 2 |
/**
|
| 3 |
-
* ET Web Solutions
|
| 4 |
-
*
|
| 5 |
* NOTICE OF LICENSE
|
| 6 |
*
|
| 7 |
-
*
|
|
|
|
| 8 |
*
|
| 9 |
* DISCLAIMER
|
| 10 |
*
|
|
@@ -13,9 +12,9 @@
|
|
| 13 |
*
|
| 14 |
* @category ET
|
| 15 |
* @package ET_Lytebox
|
| 16 |
-
* @copyright Copyright (c)
|
| 17 |
* @contacts support@etwebsolutions.com
|
| 18 |
-
* @license http://
|
| 19 |
*/
|
| 20 |
|
| 21 |
class ET_Lytebox_Helper_Data extends Mage_Core_Helper_Abstract
|
| 1 |
<?php
|
| 2 |
/**
|
|
|
|
|
|
|
| 3 |
* NOTICE OF LICENSE
|
| 4 |
*
|
| 5 |
+
* You may not sell, sub-license, rent or lease
|
| 6 |
+
* any portion of the Software or Documentation to anyone.
|
| 7 |
*
|
| 8 |
* DISCLAIMER
|
| 9 |
*
|
| 12 |
*
|
| 13 |
* @category ET
|
| 14 |
* @package ET_Lytebox
|
| 15 |
+
* @copyright Copyright (c) 2012 ET Web Solutions (http://etwebsolutions.com)
|
| 16 |
* @contacts support@etwebsolutions.com
|
| 17 |
+
* @license http://shop.etwebsolutions.com/etws-license-free-v1/ ETWS Free License (EFL1)
|
| 18 |
*/
|
| 19 |
|
| 20 |
class ET_Lytebox_Helper_Data extends Mage_Core_Helper_Abstract
|
app/code/community/ET/Lytebox/etc/config.xml
CHANGED
|
@@ -1,138 +1,155 @@
|
|
| 1 |
-
<?xml version="1.0"?>
|
| 2 |
-
<!--
|
| 3 |
-
/**
|
| 4 |
-
*
|
| 5 |
-
*
|
| 6 |
-
*
|
| 7 |
-
*
|
| 8 |
-
*
|
| 9 |
-
*
|
| 10 |
-
*
|
| 11 |
-
*
|
| 12 |
-
*
|
| 13 |
-
*
|
| 14 |
-
*
|
| 15 |
-
* @
|
| 16 |
-
* @
|
| 17 |
-
* @
|
| 18 |
-
* @
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
<
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 138 |
</config>
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<!--
|
| 3 |
+
/**
|
| 4 |
+
* NOTICE OF LICENSE
|
| 5 |
+
*
|
| 6 |
+
* You may not sell, sub-license, rent or lease
|
| 7 |
+
* any portion of the Software or Documentation to anyone.
|
| 8 |
+
*
|
| 9 |
+
* DISCLAIMER
|
| 10 |
+
*
|
| 11 |
+
* Do not edit or add to this file if you wish to upgrade to newer
|
| 12 |
+
* versions in the future.
|
| 13 |
+
*
|
| 14 |
+
* @category ET
|
| 15 |
+
* @package ET_Lytebox
|
| 16 |
+
* @copyright Copyright (c) 2012 ET Web Solutions (http://etwebsolutions.com)
|
| 17 |
+
* @contacts support@etwebsolutions.com
|
| 18 |
+
* @license http://shop.etwebsolutions.com/etws-license-free-v1/ ETWS Free License (EFL1)
|
| 19 |
+
*/
|
| 20 |
+
-->
|
| 21 |
+
<config>
|
| 22 |
+
<modules>
|
| 23 |
+
<ET_Lytebox>
|
| 24 |
+
<name>ET Lytebox</name>
|
| 25 |
+
<version>1.0.0</version>
|
| 26 |
+
<descr>
|
| 27 |
+
<ru_RU><![CDATA[Интеграция в Magento просмоторщика изображений Lytebox версии 3.22 (http://www.dolem.com/lytebox/).]]>
|
| 28 |
+
</ru_RU>
|
| 29 |
+
<en_US><![CDATA[This extension integrates Lytebox v3.22 viewer (http://www.dolem.com/lytebox/).]]>
|
| 30 |
+
</en_US>
|
| 31 |
+
</descr>
|
| 32 |
+
<permanentlink>
|
| 33 |
+
<ru_RU>http://shop.etwebsolutions.com/rus/et-lytebox.html</ru_RU>
|
| 34 |
+
<en_US>http://shop.etwebsolutions.com/eng/et-lytebox.html</en_US>
|
| 35 |
+
</permanentlink>
|
| 36 |
+
<license>
|
| 37 |
+
<ru_RU><![CDATA[ETWS Свободная лицензия (EFL1)]]></ru_RU>
|
| 38 |
+
<en_US><![CDATA[ETWS Free License (EFL1)]]></en_US>
|
| 39 |
+
</license>
|
| 40 |
+
<licenselink>
|
| 41 |
+
<ru_RU>http://shop.etwebsolutions.com/rus/etws-license-free-v1</ru_RU>
|
| 42 |
+
<en_US>http://shop.etwebsolutions.com/eng/etws-license-free-v1</en_US>
|
| 43 |
+
</licenselink>
|
| 44 |
+
<redminelink>http://support.etwebsolutions.com/projects/et-lytebox/roadmap</redminelink>
|
| 45 |
+
<ourserviceslink>
|
| 46 |
+
<ru_RU>http://shop.etwebsolutions.com/rus/our-services</ru_RU>
|
| 47 |
+
<en_US>http://shop.etwebsolutions.com/eng/our-services</en_US>
|
| 48 |
+
</ourserviceslink>
|
| 49 |
+
</ET_Lytebox>
|
| 50 |
+
</modules>
|
| 51 |
+
|
| 52 |
+
<global>
|
| 53 |
+
<helpers>
|
| 54 |
+
<lytebox>
|
| 55 |
+
<class>ET_Lytebox_Helper</class>
|
| 56 |
+
</lytebox>
|
| 57 |
+
</helpers>
|
| 58 |
+
<blocks>
|
| 59 |
+
<lytebox>
|
| 60 |
+
<class>ET_Lytebox_Block</class>
|
| 61 |
+
</lytebox>
|
| 62 |
+
</blocks>
|
| 63 |
+
<resources>
|
| 64 |
+
<lytebox_setup>
|
| 65 |
+
<setup>
|
| 66 |
+
<module>ET_Lytebox</module>
|
| 67 |
+
</setup>
|
| 68 |
+
<connection>
|
| 69 |
+
<use>core_setup</use>
|
| 70 |
+
</connection>
|
| 71 |
+
</lytebox_setup>
|
| 72 |
+
<lytebox_write>
|
| 73 |
+
<connection>
|
| 74 |
+
<use>core_write</use>
|
| 75 |
+
</connection>
|
| 76 |
+
</lytebox_write>
|
| 77 |
+
<lytebox_read>
|
| 78 |
+
<connection>
|
| 79 |
+
<use>core_read</use>
|
| 80 |
+
</connection>
|
| 81 |
+
</lytebox_read>
|
| 82 |
+
</resources>
|
| 83 |
+
</global>
|
| 84 |
+
<default>
|
| 85 |
+
<lytebox>
|
| 86 |
+
<general>
|
| 87 |
+
<enabled>0</enabled>
|
| 88 |
+
<defaultzoom>0</defaultzoom>
|
| 89 |
+
</general>
|
| 90 |
+
<design>
|
| 91 |
+
<themeName>grey</themeName>
|
| 92 |
+
<mainImageSize>265_265</mainImageSize>
|
| 93 |
+
<popupImageSize>500_500</popupImageSize>
|
| 94 |
+
<additionalImageSize>60_60</additionalImageSize>
|
| 95 |
+
<productName>0</productName>
|
| 96 |
+
<animate>1</animate>
|
| 97 |
+
<maxOpacity>80</maxOpacity>
|
| 98 |
+
<resizeSpeed>7</resizeSpeed>
|
| 99 |
+
<borderSize>12</borderSize>
|
| 100 |
+
<labelImage>Image </labelImage>
|
| 101 |
+
<labelOf> of </labelOf>
|
| 102 |
+
</design>
|
| 103 |
+
<slideshow>
|
| 104 |
+
<slideInterval>4000</slideInterval>
|
| 105 |
+
<showNavigation>1</showNavigation>
|
| 106 |
+
<showClose>1</showClose>
|
| 107 |
+
<showDetails>1</showDetails>
|
| 108 |
+
<showPlayPause>1</showPlayPause>
|
| 109 |
+
<autoEnd>1</autoEnd>
|
| 110 |
+
<pauseOnNextClick>0</pauseOnNextClick>
|
| 111 |
+
<pauseOnPrevClick>1</pauseOnPrevClick>
|
| 112 |
+
</slideshow>
|
| 113 |
+
</lytebox>
|
| 114 |
+
</default>
|
| 115 |
+
<frontend>
|
| 116 |
+
<layout>
|
| 117 |
+
<updates>
|
| 118 |
+
<lytebox>
|
| 119 |
+
<file>etlytebox.xml</file>
|
| 120 |
+
</lytebox>
|
| 121 |
+
</updates>
|
| 122 |
+
</layout>
|
| 123 |
+
</frontend>
|
| 124 |
+
<adminhtml>
|
| 125 |
+
<acl>
|
| 126 |
+
<resources>
|
| 127 |
+
<admin>
|
| 128 |
+
<children>
|
| 129 |
+
<system>
|
| 130 |
+
<children>
|
| 131 |
+
<config>
|
| 132 |
+
<children>
|
| 133 |
+
<lytebox translate="title" module="lytebox">
|
| 134 |
+
<title>ET Lytebox Section</title>
|
| 135 |
+
<sort_order>300</sort_order>
|
| 136 |
+
</lytebox>
|
| 137 |
+
</children>
|
| 138 |
+
</config>
|
| 139 |
+
</children>
|
| 140 |
+
</system>
|
| 141 |
+
</children>
|
| 142 |
+
</admin>
|
| 143 |
+
</resources>
|
| 144 |
+
</acl>
|
| 145 |
+
<translate>
|
| 146 |
+
<modules>
|
| 147 |
+
<ET_Lytebox>
|
| 148 |
+
<files>
|
| 149 |
+
<default>ET_Lytebox.csv</default>
|
| 150 |
+
</files>
|
| 151 |
+
</ET_Lytebox>
|
| 152 |
+
</modules>
|
| 153 |
+
</translate>
|
| 154 |
+
</adminhtml>
|
| 155 |
</config>
|
app/code/community/ET/Lytebox/etc/system.xml
CHANGED
|
@@ -1,271 +1,287 @@
|
|
| 1 |
-
<?xml version="1.0"?>
|
| 2 |
-
<!--
|
| 3 |
-
/**
|
| 4 |
-
*
|
| 5 |
-
*
|
| 6 |
-
*
|
| 7 |
-
*
|
| 8 |
-
*
|
| 9 |
-
*
|
| 10 |
-
*
|
| 11 |
-
*
|
| 12 |
-
*
|
| 13 |
-
*
|
| 14 |
-
*
|
| 15 |
-
* @
|
| 16 |
-
* @
|
| 17 |
-
* @
|
| 18 |
-
* @
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
<
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
|
| 157 |
-
|
| 158 |
-
|
| 159 |
-
|
| 160 |
-
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
-
|
| 203 |
-
|
| 204 |
-
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
|
| 208 |
-
|
| 209 |
-
|
| 210 |
-
|
| 211 |
-
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
| 239 |
-
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
|
| 243 |
-
|
| 244 |
-
|
| 245 |
-
|
| 246 |
-
|
| 247 |
-
|
| 248 |
-
|
| 249 |
-
|
| 250 |
-
|
| 251 |
-
|
| 252 |
-
|
| 253 |
-
|
| 254 |
-
|
| 255 |
-
|
| 256 |
-
|
| 257 |
-
|
| 258 |
-
|
| 259 |
-
|
| 260 |
-
|
| 261 |
-
|
| 262 |
-
|
| 263 |
-
|
| 264 |
-
|
| 265 |
-
|
| 266 |
-
|
| 267 |
-
|
| 268 |
-
|
| 269 |
-
|
| 270 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 271 |
</config>
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<!--
|
| 3 |
+
/**
|
| 4 |
+
* NOTICE OF LICENSE
|
| 5 |
+
*
|
| 6 |
+
* You may not sell, sub-license, rent or lease
|
| 7 |
+
* any portion of the Software or Documentation to anyone.
|
| 8 |
+
*
|
| 9 |
+
* DISCLAIMER
|
| 10 |
+
*
|
| 11 |
+
* Do not edit or add to this file if you wish to upgrade to newer
|
| 12 |
+
* versions in the future.
|
| 13 |
+
*
|
| 14 |
+
* @category ET
|
| 15 |
+
* @package ET_Lytebox
|
| 16 |
+
* @copyright Copyright (c) 2012 ET Web Solutions (http://etwebsolutions.com)
|
| 17 |
+
* @contacts support@etwebsolutions.com
|
| 18 |
+
* @license http://shop.etwebsolutions.com/etws-license-free-v1/ ETWS Free License (EFL1)
|
| 19 |
+
*/
|
| 20 |
+
-->
|
| 21 |
+
<config>
|
| 22 |
+
<tabs>
|
| 23 |
+
<etall translate="label">
|
| 24 |
+
<label>ET Extensions</label>
|
| 25 |
+
<sort_order>400</sort_order>
|
| 26 |
+
</etall>
|
| 27 |
+
</tabs>
|
| 28 |
+
|
| 29 |
+
<sections>
|
| 30 |
+
<lytebox translate="label" module="lytebox">
|
| 31 |
+
<label>Lytebox</label>
|
| 32 |
+
<tab>etall</tab>
|
| 33 |
+
<frontend_type>text</frontend_type>
|
| 34 |
+
<sort_order>300</sort_order>
|
| 35 |
+
<show_in_default>1</show_in_default>
|
| 36 |
+
<show_in_website>1</show_in_website>
|
| 37 |
+
<show_in_store>1</show_in_store>
|
| 38 |
+
<groups>
|
| 39 |
+
<info translate="label">
|
| 40 |
+
<label>Lytebox information</label>
|
| 41 |
+
<frontend_type>text</frontend_type>
|
| 42 |
+
<sort_order>1</sort_order>
|
| 43 |
+
<show_in_default>1</show_in_default>
|
| 44 |
+
<show_in_website>1</show_in_website>
|
| 45 |
+
<show_in_store>1</show_in_store>
|
| 46 |
+
<fields>
|
| 47 |
+
<support_information>
|
| 48 |
+
<frontend_model>lytebox/adminhtml_support</frontend_model>
|
| 49 |
+
<sort_order>100</sort_order>
|
| 50 |
+
<show_in_default>1</show_in_default>
|
| 51 |
+
<show_in_website>1</show_in_website>
|
| 52 |
+
<show_in_store>1</show_in_store>
|
| 53 |
+
</support_information>
|
| 54 |
+
</fields>
|
| 55 |
+
</info>
|
| 56 |
+
<general translate="label">
|
| 57 |
+
<label>Lytebox options</label>
|
| 58 |
+
<frontend_type>text</frontend_type>
|
| 59 |
+
<sort_order>10</sort_order>
|
| 60 |
+
<show_in_default>1</show_in_default>
|
| 61 |
+
<show_in_website>1</show_in_website>
|
| 62 |
+
<show_in_store>1</show_in_store>
|
| 63 |
+
<fields>
|
| 64 |
+
<enabled translate="label comment">
|
| 65 |
+
<label>Enable lytebox</label>
|
| 66 |
+
<comment><![CDATA[If enabled: include js, css files to frontend and replace template for images popup]]></comment>
|
| 67 |
+
<frontend_type>select</frontend_type>
|
| 68 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 69 |
+
<sort_order>1</sort_order>
|
| 70 |
+
<show_in_default>1</show_in_default>
|
| 71 |
+
<show_in_website>1</show_in_website>
|
| 72 |
+
<show_in_store>1</show_in_store>
|
| 73 |
+
</enabled>
|
| 74 |
+
<defaultzoom translate="label">
|
| 75 |
+
<label>Keep Magento zoom</label>
|
| 76 |
+
<frontend_type>select</frontend_type>
|
| 77 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 78 |
+
<sort_order>3</sort_order>
|
| 79 |
+
<show_in_default>1</show_in_default>
|
| 80 |
+
<show_in_website>1</show_in_website>
|
| 81 |
+
<show_in_store>1</show_in_store>
|
| 82 |
+
</defaultzoom>
|
| 83 |
+
</fields>
|
| 84 |
+
</general>
|
| 85 |
+
<design>
|
| 86 |
+
<label>Lytebox design options</label>
|
| 87 |
+
<frontend_type>text</frontend_type>
|
| 88 |
+
<sort_order>20</sort_order>
|
| 89 |
+
<show_in_default>1</show_in_default>
|
| 90 |
+
<show_in_website>1</show_in_website>
|
| 91 |
+
<show_in_store>1</show_in_store>
|
| 92 |
+
<fields>
|
| 93 |
+
<themeName translate="label comment">
|
| 94 |
+
<label>Lyteboxs theme</label>
|
| 95 |
+
<comment>Style in CSS. (Avalable themes: grey, blue, gold, green, red. Default: grey).</comment>
|
| 96 |
+
<frontend_type>text</frontend_type>
|
| 97 |
+
<sort_order>4</sort_order>
|
| 98 |
+
<show_in_default>1</show_in_default>
|
| 99 |
+
<show_in_website>1</show_in_website>
|
| 100 |
+
<show_in_store>1</show_in_store>
|
| 101 |
+
</themeName>
|
| 102 |
+
<mainImageSize translate="label comment">
|
| 103 |
+
<label>Size of main image</label>
|
| 104 |
+
<comment>Size in pixels width_height. (Default 265_265).</comment>
|
| 105 |
+
<frontend_type>text</frontend_type>
|
| 106 |
+
<sort_order>5</sort_order>
|
| 107 |
+
<show_in_default>1</show_in_default>
|
| 108 |
+
<show_in_website>1</show_in_website>
|
| 109 |
+
<show_in_store>1</show_in_store>
|
| 110 |
+
</mainImageSize>
|
| 111 |
+
<popupImageSize translate="label comment">
|
| 112 |
+
<label>Size of popup image</label>
|
| 113 |
+
<comment><![CDATA[Size in pixels width_height. (Default 500_500, also can be only width, or empty for full size).]]></comment>
|
| 114 |
+
<frontend_type>text</frontend_type>
|
| 115 |
+
<sort_order>6</sort_order>
|
| 116 |
+
<show_in_default>1</show_in_default>
|
| 117 |
+
<show_in_website>1</show_in_website>
|
| 118 |
+
<show_in_store>1</show_in_store>
|
| 119 |
+
</popupImageSize>
|
| 120 |
+
<additionalImageSize translate="label comment">
|
| 121 |
+
<label>Size of additional images</label>
|
| 122 |
+
<comment>Size in pixels width_height. (Default 60_60)</comment>
|
| 123 |
+
<frontend_type>text</frontend_type>
|
| 124 |
+
<sort_order>10</sort_order>
|
| 125 |
+
<show_in_default>1</show_in_default>
|
| 126 |
+
<show_in_website>1</show_in_website>
|
| 127 |
+
<show_in_store>1</show_in_store>
|
| 128 |
+
</additionalImageSize>
|
| 129 |
+
<productName translate="label comment">
|
| 130 |
+
<label>Replace empty image label</label>
|
| 131 |
+
<comment>Dipslays product name if image label is empty</comment>
|
| 132 |
+
<frontend_type>select</frontend_type>
|
| 133 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 134 |
+
<sort_order>13</sort_order>
|
| 135 |
+
<show_in_default>1</show_in_default>
|
| 136 |
+
<show_in_website>1</show_in_website>
|
| 137 |
+
<show_in_store>1</show_in_store>
|
| 138 |
+
</productName>
|
| 139 |
+
<animate translate="label">
|
| 140 |
+
<label>Enable lytebox animation</label>
|
| 141 |
+
<frontend_type>select</frontend_type>
|
| 142 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 143 |
+
<sort_order>15</sort_order>
|
| 144 |
+
<show_in_default>1</show_in_default>
|
| 145 |
+
<show_in_website>1</show_in_website>
|
| 146 |
+
<show_in_store>1</show_in_store>
|
| 147 |
+
</animate>
|
| 148 |
+
<maxOpacity translate="label comment">
|
| 149 |
+
<label>Max Opacity</label>
|
| 150 |
+
<comment><![CDATA[Controls transparency of shadow overlay (higher opacity = darker overlay, lower opacity = lighter overlay. Default: 80)]]></comment>
|
| 151 |
+
<frontend_type>text</frontend_type>
|
| 152 |
+
<sort_order>20</sort_order>
|
| 153 |
+
<show_in_default>1</show_in_default>
|
| 154 |
+
<show_in_website>1</show_in_website>
|
| 155 |
+
<show_in_store>1</show_in_store>
|
| 156 |
+
</maxOpacity>
|
| 157 |
+
<resizeSpeed translate="label comment">
|
| 158 |
+
<label>Resize speed</label>
|
| 159 |
+
<comment><![CDATA[Controls the speed of the image resizing animations (1=slowest and 10=fastest, 8 by default)]]></comment>
|
| 160 |
+
<frontend_type>text</frontend_type>
|
| 161 |
+
<sort_order>25</sort_order>
|
| 162 |
+
<show_in_default>1</show_in_default>
|
| 163 |
+
<show_in_website>1</show_in_website>
|
| 164 |
+
<show_in_store>1</show_in_store>
|
| 165 |
+
</resizeSpeed>
|
| 166 |
+
<borderSize translate="label comment">
|
| 167 |
+
<label>Border size</label>
|
| 168 |
+
<comment>Border width around image in lytebox (12 by default)</comment>
|
| 169 |
+
<frontend_type>text</frontend_type>
|
| 170 |
+
<sort_order>30</sort_order>
|
| 171 |
+
<show_in_default>1</show_in_default>
|
| 172 |
+
<show_in_website>1</show_in_website>
|
| 173 |
+
<show_in_store>1</show_in_store>
|
| 174 |
+
</borderSize>
|
| 175 |
+
<labelImage translate="label comment">
|
| 176 |
+
<label>Label 'Image'</label>
|
| 177 |
+
<comment>When grouping images this is used to write: 'Image # of #'</comment>
|
| 178 |
+
<frontend_type>text</frontend_type>
|
| 179 |
+
<sort_order>35</sort_order>
|
| 180 |
+
<show_in_default>1</show_in_default>
|
| 181 |
+
<show_in_website>1</show_in_website>
|
| 182 |
+
<show_in_store>1</show_in_store>
|
| 183 |
+
</labelImage>
|
| 184 |
+
<labelOf translate="label comment">
|
| 185 |
+
<label>Label 'of'</label>
|
| 186 |
+
<comment>When grouping images this is used to write: 'Image # of #'</comment>
|
| 187 |
+
<frontend_type>text</frontend_type>
|
| 188 |
+
<sort_order>40</sort_order>
|
| 189 |
+
<show_in_default>1</show_in_default>
|
| 190 |
+
<show_in_website>1</show_in_website>
|
| 191 |
+
<show_in_store>1</show_in_store>
|
| 192 |
+
</labelOf>
|
| 193 |
+
</fields>
|
| 194 |
+
</design>
|
| 195 |
+
<slideshow>
|
| 196 |
+
<label>Lytebox slideshow options (for CMS pages only)</label>
|
| 197 |
+
<frontend_type>text</frontend_type>
|
| 198 |
+
<sort_order>30</sort_order>
|
| 199 |
+
<show_in_default>1</show_in_default>
|
| 200 |
+
<show_in_website>1</show_in_website>
|
| 201 |
+
<show_in_store>1</show_in_store>
|
| 202 |
+
<fields>
|
| 203 |
+
<slideInterval translate="label comment">
|
| 204 |
+
<label>Slide interval</label>
|
| 205 |
+
<comment><![CDATA[Change value (milliseconds) to increase/decrease the time between "slides" (10000 = 10 seconds)]]></comment>
|
| 206 |
+
<frontend_type>text</frontend_type>
|
| 207 |
+
<sort_order>10</sort_order>
|
| 208 |
+
<show_in_default>1</show_in_default>
|
| 209 |
+
<show_in_website>1</show_in_website>
|
| 210 |
+
<show_in_store>1</show_in_store>
|
| 211 |
+
</slideInterval>
|
| 212 |
+
<showNavigation translate="label comment">
|
| 213 |
+
<label>Show navigation</label>
|
| 214 |
+
<comment>Yes to display Next/Prev buttons/text during slideshow, No to hide</comment>
|
| 215 |
+
<frontend_type>select</frontend_type>
|
| 216 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 217 |
+
<sort_order>20</sort_order>
|
| 218 |
+
<show_in_default>1</show_in_default>
|
| 219 |
+
<show_in_website>1</show_in_website>
|
| 220 |
+
<show_in_store>1</show_in_store>
|
| 221 |
+
</showNavigation>
|
| 222 |
+
<showClose translate="label comment">
|
| 223 |
+
<label>Show Close button</label>
|
| 224 |
+
<comment>Yes to display the Close button, No to hide</comment>
|
| 225 |
+
<frontend_type>select</frontend_type>
|
| 226 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 227 |
+
<sort_order>30</sort_order>
|
| 228 |
+
<show_in_default>1</show_in_default>
|
| 229 |
+
<show_in_website>1</show_in_website>
|
| 230 |
+
<show_in_store>1</show_in_store>
|
| 231 |
+
</showClose>
|
| 232 |
+
<showDetails translate="label comment">
|
| 233 |
+
<label>Show details</label>
|
| 234 |
+
<comment>Yes to display image details (caption, count), No to hide</comment>
|
| 235 |
+
<frontend_type>select</frontend_type>
|
| 236 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 237 |
+
<sort_order>40</sort_order>
|
| 238 |
+
<show_in_default>1</show_in_default>
|
| 239 |
+
<show_in_website>1</show_in_website>
|
| 240 |
+
<show_in_store>1</show_in_store>
|
| 241 |
+
</showDetails>
|
| 242 |
+
<showPlayPause translate="label comment">
|
| 243 |
+
<label>Show Play/Pause button</label>
|
| 244 |
+
<comment>Yes to display pause/play buttons next to close button, No to hide</comment>
|
| 245 |
+
<frontend_type>select</frontend_type>
|
| 246 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 247 |
+
<sort_order>50</sort_order>
|
| 248 |
+
<show_in_default>1</show_in_default>
|
| 249 |
+
<show_in_website>1</show_in_website>
|
| 250 |
+
<show_in_store>1</show_in_store>
|
| 251 |
+
</showPlayPause>
|
| 252 |
+
<autoEnd translate="label comment">
|
| 253 |
+
<label>Auto end</label>
|
| 254 |
+
<comment><![CDATA[Yes to automatically close Lytebox after the last image is reached, No to keep open]]></comment>
|
| 255 |
+
<frontend_type>select</frontend_type>
|
| 256 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 257 |
+
<sort_order>60</sort_order>
|
| 258 |
+
<show_in_default>1</show_in_default>
|
| 259 |
+
<show_in_website>1</show_in_website>
|
| 260 |
+
<show_in_store>1</show_in_store>
|
| 261 |
+
</autoEnd>
|
| 262 |
+
<pauseOnNextClick translate="label comment">
|
| 263 |
+
<label>Pause on Next click</label>
|
| 264 |
+
<comment>Yes to pause the slideshow when the "Next" button is clicked</comment>
|
| 265 |
+
<frontend_type>select</frontend_type>
|
| 266 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 267 |
+
<sort_order>70</sort_order>
|
| 268 |
+
<show_in_default>1</show_in_default>
|
| 269 |
+
<show_in_website>1</show_in_website>
|
| 270 |
+
<show_in_store>1</show_in_store>
|
| 271 |
+
</pauseOnNextClick>
|
| 272 |
+
<pauseOnPrevClick translate="label comment">
|
| 273 |
+
<label>Pause on Prev click</label>
|
| 274 |
+
<comment>Yes to pause the slideshow when the "Prev" button is clicked</comment>
|
| 275 |
+
<frontend_type>select</frontend_type>
|
| 276 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
| 277 |
+
<sort_order>80</sort_order>
|
| 278 |
+
<show_in_default>1</show_in_default>
|
| 279 |
+
<show_in_website>1</show_in_website>
|
| 280 |
+
<show_in_store>1</show_in_store>
|
| 281 |
+
</pauseOnPrevClick>
|
| 282 |
+
</fields>
|
| 283 |
+
</slideshow>
|
| 284 |
+
</groups>
|
| 285 |
+
</lytebox>
|
| 286 |
+
</sections>
|
| 287 |
</config>
|
app/design/frontend/base/default/layout/etlytebox.xml
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<!--
|
| 3 |
+
/**
|
| 4 |
+
* NOTICE OF LICENSE
|
| 5 |
+
*
|
| 6 |
+
* You may not sell, sub-license, rent or lease
|
| 7 |
+
* any portion of the Software or Documentation to anyone.
|
| 8 |
+
*
|
| 9 |
+
* DISCLAIMER
|
| 10 |
+
*
|
| 11 |
+
* Do not edit or add to this file if you wish to upgrade to newer
|
| 12 |
+
* versions in the future.
|
| 13 |
+
*
|
| 14 |
+
* @category ET
|
| 15 |
+
* @package ET_Lytebox
|
| 16 |
+
* @copyright Copyright (c) 2012 ET Web Solutions (http://etwebsolutions.com)
|
| 17 |
+
* @contacts support@etwebsolutions.com
|
| 18 |
+
* @license http://shop.etwebsolutions.com/etws-license-free-v1/ ETWS Free License (EFL1)
|
| 19 |
+
*/
|
| 20 |
+
-->
|
| 21 |
+
|
| 22 |
+
<layout version="0.1.0">
|
| 23 |
+
|
| 24 |
+
<catalog_product_view>
|
| 25 |
+
<reference name="head">
|
| 26 |
+
<action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
|
| 27 |
+
<action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
|
| 28 |
+
</reference>
|
| 29 |
+
<reference name="product.info.media">
|
| 30 |
+
<action method="setTemplate" ifconfig="lytebox/general/enabled"><template>etlytebox/media.phtml</template></action>
|
| 31 |
+
</reference>
|
| 32 |
+
</catalog_product_view>
|
| 33 |
+
|
| 34 |
+
<review_product_list>
|
| 35 |
+
<reference name="head">
|
| 36 |
+
<action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
|
| 37 |
+
<action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
|
| 38 |
+
</reference>
|
| 39 |
+
<reference name="product.info.media">
|
| 40 |
+
<action method="setTemplate" ifconfig="lytebox/general/enabled"><template>etlytebox/media.phtml</template></action>
|
| 41 |
+
</reference>
|
| 42 |
+
</review_product_list>
|
| 43 |
+
|
| 44 |
+
<cms_page>
|
| 45 |
+
<reference name="head">
|
| 46 |
+
<action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
|
| 47 |
+
<action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
|
| 48 |
+
</reference>
|
| 49 |
+
|
| 50 |
+
<reference name="content">
|
| 51 |
+
<block type="core/template" name="lytebox.config" template="etlytebox/config.phtml"/>
|
| 52 |
+
<!-- <action method="setTemplate" ifconfig="lytebox/general/enabled"><template>etlytebox/config.phtml</template></action> -->
|
| 53 |
+
</reference>
|
| 54 |
+
</cms_page>
|
| 55 |
+
|
| 56 |
+
<catalog_category_view>
|
| 57 |
+
<reference name="head">
|
| 58 |
+
<action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
|
| 59 |
+
<action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
|
| 60 |
+
</reference>
|
| 61 |
+
|
| 62 |
+
<reference name="content">
|
| 63 |
+
<block type="core/template" name="lytebox.config" template="etlytebox/config.phtml"/>
|
| 64 |
+
</reference>
|
| 65 |
+
</catalog_category_view>
|
| 66 |
+
|
| 67 |
+
</layout>
|
app/design/frontend/base/default/template/etlytebox/config.phtml
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
/**
|
| 3 |
+
* NOTICE OF LICENSE
|
| 4 |
+
*
|
| 5 |
+
* You may not sell, sub-license, rent or lease
|
| 6 |
+
* any portion of the Software or Documentation to anyone.
|
| 7 |
+
*
|
| 8 |
+
* DISCLAIMER
|
| 9 |
+
*
|
| 10 |
+
* Do not edit or add to this file if you wish to upgrade to newer
|
| 11 |
+
* versions in the future.
|
| 12 |
+
*
|
| 13 |
+
* @category ET
|
| 14 |
+
* @package ET_Lytebox
|
| 15 |
+
* @copyright Copyright (c) 2012 ET Web Solutions (http://etwebsolutions.com)
|
| 16 |
+
* @contacts support@etwebsolutions.com
|
| 17 |
+
* @license http://shop.etwebsolutions.com/etws-license-free-v1/ ETWS Free License (EFL1)
|
| 18 |
+
*/
|
| 19 |
+
|
| 20 |
+
$_lyghtboxConfig = Mage::getStoreConfig('lytebox/general');
|
| 21 |
+
$_lyghtboxConfig += Mage::getStoreConfig('lytebox/design');
|
| 22 |
+
$_lyghtboxConfig += Mage::getStoreConfig('lytebox/slideshow');
|
| 23 |
+
?>
|
| 24 |
+
|
| 25 |
+
<script type="text/javascript">
|
| 26 |
+
function initLytebox() {
|
| 27 |
+
|
| 28 |
+
myLytebox = new LyteBox({
|
| 29 |
+
theme:'<?php echo $_lyghtboxConfig['themeName'] ?>',
|
| 30 |
+
maxOpacity: <?php echo $_lyghtboxConfig['maxOpacity'] ?>,
|
| 31 |
+
doAnimations: <?php echo (($_lyghtboxConfig['animate'] > 0) ? "true" : "false"); ?>,
|
| 32 |
+
resizeSpeed: <?php echo $_lyghtboxConfig['resizeSpeed'] ?>,
|
| 33 |
+
borderSize: <?php echo $_lyghtboxConfig['borderSize'] ?>,
|
| 34 |
+
labelImage:'<?php echo $_lyghtboxConfig['labelImage'] ?>',
|
| 35 |
+
labelOf:'<?php echo $_lyghtboxConfig['labelOf'] ?>',
|
| 36 |
+
slideInterval: <?php echo $_lyghtboxConfig['slideInterval'] ?>,
|
| 37 |
+
showNavigation: <?php echo (($_lyghtboxConfig['showNavigation'] > 0) ? "true" : "false"); ?>,
|
| 38 |
+
showClose: <?php echo (($_lyghtboxConfig['showClose'] > 0) ? "true" : "false"); ?>,
|
| 39 |
+
showDetails: <?php echo (($_lyghtboxConfig['showDetails'] > 0) ? "true" : "false"); ?>,
|
| 40 |
+
showPlayPause: <?php echo (($_lyghtboxConfig['showPlayPause'] > 0) ? "true" : "false"); ?>,
|
| 41 |
+
autoEnd: <?php echo (($_lyghtboxConfig['autoEnd'] > 0) ? "true" : "false"); ?>,
|
| 42 |
+
pauseOnNextClick: <?php echo (($_lyghtboxConfig['pauseOnNextClick'] > 0) ? "true" : "false"); ?>,
|
| 43 |
+
pauseOnPrevClick: <?php echo (($_lyghtboxConfig['pauseOnPrevClick'] > 0) ? "true" : "false"); ?>
|
| 44 |
+
|
| 45 |
+
});
|
| 46 |
+
}
|
| 47 |
+
|
| 48 |
+
|
| 49 |
+
if (window.addEventListener) {
|
| 50 |
+
window.addEventListener("load", initLytebox, false);
|
| 51 |
+
} else if (window.attachEvent) {
|
| 52 |
+
window.attachEvent("onload", initLytebox);
|
| 53 |
+
} else {
|
| 54 |
+
window.onload = function () {
|
| 55 |
+
initLytebox();
|
| 56 |
+
}
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
</script>
|
app/design/frontend/base/default/template/etlytebox/media.phtml
ADDED
|
@@ -0,0 +1,170 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
/**
|
| 3 |
+
* NOTICE OF LICENSE
|
| 4 |
+
*
|
| 5 |
+
* You may not sell, sub-license, rent or lease
|
| 6 |
+
* any portion of the Software or Documentation to anyone.
|
| 7 |
+
*
|
| 8 |
+
* DISCLAIMER
|
| 9 |
+
*
|
| 10 |
+
* Do not edit or add to this file if you wish to upgrade to newer
|
| 11 |
+
* versions in the future.
|
| 12 |
+
*
|
| 13 |
+
* @category ET
|
| 14 |
+
* @package ET_Lytebox
|
| 15 |
+
* @copyright Copyright (c) 2012 ET Web Solutions (http://etwebsolutions.com)
|
| 16 |
+
* @contacts support@etwebsolutions.com
|
| 17 |
+
* @license http://shop.etwebsolutions.com/etws-license-free-v1/ ETWS Free License (EFL1)
|
| 18 |
+
*/
|
| 19 |
+
|
| 20 |
+
/**
|
| 21 |
+
* Product media data template
|
| 22 |
+
*
|
| 23 |
+
* @see Mage_Catalog_Block_Product_View_Media
|
| 24 |
+
*/
|
| 25 |
+
|
| 26 |
+
$_product = $this->getProduct();
|
| 27 |
+
$_helper = $this->helper('catalog/output');
|
| 28 |
+
|
| 29 |
+
$_lyghtboxConfig = Mage::getStoreConfig('lytebox/general');
|
| 30 |
+
$_lyghtboxConfig += Mage::getStoreConfig('lytebox/design');
|
| 31 |
+
$_lyghtboxConfig += Mage::getStoreConfig('lytebox/slideshow');
|
| 32 |
+
|
| 33 |
+
/* Main Image Size */
|
| 34 |
+
if (strstr($_lyghtboxConfig['mainImageSize'], '_')) {
|
| 35 |
+
$mainImageSize = explode('_', $_lyghtboxConfig['mainImageSize'], 2);
|
| 36 |
+
} else {
|
| 37 |
+
$mainImageSize = array(265, 265);
|
| 38 |
+
}
|
| 39 |
+
/* Popup Image Size */
|
| 40 |
+
$popupImageSize = explode('_', $_lyghtboxConfig['popupImageSize'], 2);
|
| 41 |
+
if (count($popupImageSize) == 1) {
|
| 42 |
+
if (!((int)$popupImageSize[0] > 0)) $popupImageSize = false;
|
| 43 |
+
} else if (count($popupImageSize) != 2) $popupImageSize = false;
|
| 44 |
+
|
| 45 |
+
/* Additional Images Size */
|
| 46 |
+
if (strstr($_lyghtboxConfig['additionalImageSize'], '_')) {
|
| 47 |
+
$additionalImageSize = explode('_', $_lyghtboxConfig['additionalImageSize'], 2);
|
| 48 |
+
} else {
|
| 49 |
+
$additionalImageSize = array(60, 60);
|
| 50 |
+
}
|
| 51 |
+
|
| 52 |
+
$image = $this->helper('catalog/image')->init($_product, 'image');
|
| 53 |
+
if ($popupImageSize[0] > 0) {
|
| 54 |
+
$image = $this->helper('catalog/image')->init($_product, 'image')->resize($popupImageSize[0], $popupImageSize[1]);
|
| 55 |
+
}
|
| 56 |
+
?>
|
| 57 |
+
|
| 58 |
+
<?php if (!$_lyghtboxConfig['defaultzoom']): ?>
|
| 59 |
+
|
| 60 |
+
<?php
|
| 61 |
+
$maintitle = $this->htmlEscape($_product->getImageLabel());
|
| 62 |
+
if (($_lyghtboxConfig['productName'] != 0) && empty($maintitle)):
|
| 63 |
+
$maintitle = $_product->getName();
|
| 64 |
+
endif;
|
| 65 |
+
?>
|
| 66 |
+
|
| 67 |
+
<a href="<?php echo $image; ?>" rel="lytebox[rotation]" title="<?php echo $maintitle;?>" onclick="return false;"><img
|
| 68 |
+
src="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize($mainImageSize[0], $mainImageSize[1]); ?>"
|
| 69 |
+
width="<?php echo $mainImageSize[0];?>" height="<?php echo $mainImageSize[1];?>"
|
| 70 |
+
alt="<?php echo $this->htmlEscape($_product->getImageLabel());?>"/></a>
|
| 71 |
+
|
| 72 |
+
<?php else: ?>
|
| 73 |
+
<?php if ($_product->getImage() != 'no_selection' && $_product->getImage()): ?>
|
| 74 |
+
<p class="product-image product-image-zoom">
|
| 75 |
+
<?php
|
| 76 |
+
$_img = '<img id="image" src="' . $this->helper('catalog/image')->init($_product, 'image') . '" alt="' . $this->htmlEscape($this->getImageLabel()) . '" title="' . $this->htmlEscape($this->getImageLabel()) . '" />';
|
| 77 |
+
echo $_helper->productAttribute($_product, $_img, 'image');
|
| 78 |
+
?>
|
| 79 |
+
</p>
|
| 80 |
+
|
| 81 |
+
<p class="zoom-notice"
|
| 82 |
+
id="track_hint"><?php echo $this->__('Double click on above image to view full picture') ?></p>
|
| 83 |
+
<div class="zoom">
|
| 84 |
+
<img id="zoom_out" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_out.gif') ?>"
|
| 85 |
+
alt="<?php echo $this->__('Zoom Out') ?>" title="<?php echo $this->__('Zoom Out') ?>"
|
| 86 |
+
class="btn-zoom-out"/>
|
| 87 |
+
|
| 88 |
+
<div id="track">
|
| 89 |
+
<div id="handle"></div>
|
| 90 |
+
</div>
|
| 91 |
+
<img id="zoom_in" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_in.gif') ?>"
|
| 92 |
+
alt="<?php echo $this->__('Zoom In') ?>" title="<?php echo $this->__('Zoom In') ?>" class="btn-zoom-in"/>
|
| 93 |
+
</div>
|
| 94 |
+
<script type="text/javascript">
|
| 95 |
+
//<![CDATA[
|
| 96 |
+
Event.observe(window, 'load', function () {
|
| 97 |
+
product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
|
| 98 |
+
});
|
| 99 |
+
//]]>
|
| 100 |
+
</script>
|
| 101 |
+
<?php else: ?>
|
| 102 |
+
<p class="product-image">
|
| 103 |
+
<?php
|
| 104 |
+
$_img = '<img src="' . $this->helper('catalog/image')->init($_product, 'image')->resize(265) . '" alt="' . $this->htmlEscape($this->getImageLabel()) . '" title="' . $this->htmlEscape($this->getImageLabel()) . '" />';
|
| 105 |
+
echo $_helper->productAttribute($_product, $_img, 'image');
|
| 106 |
+
?>
|
| 107 |
+
</p>
|
| 108 |
+
<?php endif; ?>
|
| 109 |
+
<?php endif; ?>
|
| 110 |
+
|
| 111 |
+
|
| 112 |
+
|
| 113 |
+
<?php if (count($this->getGalleryImages()) > 0): ?>
|
| 114 |
+
<div class="more-views">
|
| 115 |
+
<h2><?php echo $this->__('More Views') ?></h2>
|
| 116 |
+
<ul>
|
| 117 |
+
<?php foreach ($this->getGalleryImages() as $_image): ?>
|
| 118 |
+
<?php
|
| 119 |
+
$subtitle = $this->htmlEscape($_image->getLabel());
|
| 120 |
+
if (($_lyghtboxConfig['productName'] != 0) && empty($subtitle)):
|
| 121 |
+
$subtitle = $_product->getName();
|
| 122 |
+
endif;
|
| 123 |
+
|
| 124 |
+
$imageUrl = $popupImageSize
|
| 125 |
+
? (count($popupImageSize) == 2
|
| 126 |
+
? ((string)Mage::helper('catalog/image')->init($_product, 'image', $_image->file)->resize($popupImageSize[0], $popupImageSize[1]))
|
| 127 |
+
: ((string)Mage::helper('catalog/image')->init($_product, 'image', $_image->file)->resize($popupImageSize[0]))
|
| 128 |
+
)
|
| 129 |
+
: ((string)Mage::helper('catalog/image')->init($_product, 'image', $_image->file));
|
| 130 |
+
?>
|
| 131 |
+
<li>
|
| 132 |
+
<a href="<?php echo $imageUrl; ?>" rel="lytebox[rotation]" title="<?php echo $subtitle; ?>"
|
| 133 |
+
onclick="return false;"><img
|
| 134 |
+
src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize($additionalImageSize[0], $additionalImageSize[1]); ?>"
|
| 135 |
+
width="<?php echo $additionalImageSize[0];?>" height="<?php echo $additionalImageSize[1];?>"
|
| 136 |
+
alt="<?php echo $subtitle; ?>"/></a>
|
| 137 |
+
</li>
|
| 138 |
+
<?php endforeach; ?>
|
| 139 |
+
</ul>
|
| 140 |
+
</div>
|
| 141 |
+
<?php endif; ?>
|
| 142 |
+
|
| 143 |
+
|
| 144 |
+
|
| 145 |
+
|
| 146 |
+
<script type="text/javascript">
|
| 147 |
+
function initLytebox() {
|
| 148 |
+
|
| 149 |
+
myLytebox = new LyteBox({
|
| 150 |
+
theme:'<?php echo $_lyghtboxConfig['themeName'] ?>',
|
| 151 |
+
maxOpacity: <?php echo $_lyghtboxConfig['maxOpacity'] ?>,
|
| 152 |
+
doAnimations: <?php echo (($_lyghtboxConfig['animate'] > 0) ? "true" : "false"); ?>,
|
| 153 |
+
resizeSpeed: <?php echo $_lyghtboxConfig['resizeSpeed'] ?>,
|
| 154 |
+
borderSize: <?php echo $_lyghtboxConfig['borderSize'] ?>,
|
| 155 |
+
labelImage:'<?php echo $_lyghtboxConfig['labelImage'] ?>',
|
| 156 |
+
labelOf:'<?php echo $_lyghtboxConfig['labelOf'] ?>'
|
| 157 |
+
});
|
| 158 |
+
}
|
| 159 |
+
|
| 160 |
+
|
| 161 |
+
if (window.addEventListener) {
|
| 162 |
+
window.addEventListener("load", initLytebox, false);
|
| 163 |
+
} else if (window.attachEvent) {
|
| 164 |
+
window.attachEvent("onload", initLytebox);
|
| 165 |
+
} else {
|
| 166 |
+
window.onload = function () {
|
| 167 |
+
initLytebox();
|
| 168 |
+
}
|
| 169 |
+
}
|
| 170 |
+
</script>
|
app/design/frontend/default/default/layout/etlytebox.xml
DELETED
|
@@ -1,68 +0,0 @@
|
|
| 1 |
-
<?xml version="1.0"?>
|
| 2 |
-
<!--
|
| 3 |
-
/**
|
| 4 |
-
* ET Web Solutions
|
| 5 |
-
*
|
| 6 |
-
* NOTICE OF LICENSE
|
| 7 |
-
*
|
| 8 |
-
* This source file is subject to the Academic Free License (AFL 3.0)
|
| 9 |
-
*
|
| 10 |
-
* DISCLAIMER
|
| 11 |
-
*
|
| 12 |
-
* Do not edit or add to this file if you wish to upgrade to newer
|
| 13 |
-
* versions in the future.
|
| 14 |
-
*
|
| 15 |
-
* @category ET
|
| 16 |
-
* @package ET_Lytebox
|
| 17 |
-
* @copyright Copyright (c) 2010 ET Web Solutions (http://etwebsolutions.com)
|
| 18 |
-
* @contacts support@etwebsolutions.com
|
| 19 |
-
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
| 20 |
-
*/
|
| 21 |
-
-->
|
| 22 |
-
|
| 23 |
-
<layout version="0.1.0">
|
| 24 |
-
|
| 25 |
-
<catalog_product_view>
|
| 26 |
-
<reference name="head">
|
| 27 |
-
<action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
|
| 28 |
-
<action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
|
| 29 |
-
</reference>
|
| 30 |
-
<reference name="product.info.media">
|
| 31 |
-
<action method="setTemplate" ifconfig="lytebox/general/enabled"><template>etlytebox/media.phtml</template></action>
|
| 32 |
-
</reference>
|
| 33 |
-
</catalog_product_view>
|
| 34 |
-
|
| 35 |
-
<review_product_list>
|
| 36 |
-
<reference name="head">
|
| 37 |
-
<action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
|
| 38 |
-
<action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
|
| 39 |
-
</reference>
|
| 40 |
-
<reference name="product.info.media">
|
| 41 |
-
<action method="setTemplate" ifconfig="lytebox/general/enabled"><template>etlytebox/media.phtml</template></action>
|
| 42 |
-
</reference>
|
| 43 |
-
</review_product_list>
|
| 44 |
-
|
| 45 |
-
<cms_page>
|
| 46 |
-
<reference name="head">
|
| 47 |
-
<action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
|
| 48 |
-
<action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
|
| 49 |
-
</reference>
|
| 50 |
-
|
| 51 |
-
<reference name="content">
|
| 52 |
-
<block type="core/template" name="lytebox.config" template="etlytebox/config.phtml"/>
|
| 53 |
-
<!-- <action method="setTemplate" ifconfig="lytebox/general/enabled"><template>etlytebox/config.phtml</template></action> -->
|
| 54 |
-
</reference>
|
| 55 |
-
</cms_page>
|
| 56 |
-
|
| 57 |
-
<catalog_category_view>
|
| 58 |
-
<reference name="head">
|
| 59 |
-
<action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
|
| 60 |
-
<action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
|
| 61 |
-
</reference>
|
| 62 |
-
|
| 63 |
-
<reference name="content">
|
| 64 |
-
<block type="core/template" name="lytebox.config" template="etlytebox/config.phtml"/>
|
| 65 |
-
</reference>
|
| 66 |
-
</catalog_category_view>
|
| 67 |
-
|
| 68 |
-
</layout>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
app/design/frontend/default/default/template/etlytebox/config.phtml
DELETED
|
@@ -1,58 +0,0 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
/**
|
| 3 |
-
* ET Web Solutions
|
| 4 |
-
*
|
| 5 |
-
* NOTICE OF LICENSE
|
| 6 |
-
*
|
| 7 |
-
* This source file is subject to the Academic Free License (AFL 3.0)
|
| 8 |
-
*
|
| 9 |
-
* DISCLAIMER
|
| 10 |
-
*
|
| 11 |
-
* Do not edit or add to this file if you wish to upgrade to newer
|
| 12 |
-
* versions in the future.
|
| 13 |
-
*
|
| 14 |
-
* @category ET
|
| 15 |
-
* @package ET_Lytebox
|
| 16 |
-
* @copyright Copyright (c) 2010 ET Web Solutions (http://etwebsolutions.com)
|
| 17 |
-
* @contacts support@etwebsolutions.com
|
| 18 |
-
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
| 19 |
-
*/
|
| 20 |
-
|
| 21 |
-
$_lyghtboxConfig = Mage::getStoreConfig('lytebox/general');
|
| 22 |
-
$_lyghtboxConfig += Mage::getStoreConfig('lytebox/design');
|
| 23 |
-
$_lyghtboxConfig += Mage::getStoreConfig('lytebox/slideshow');
|
| 24 |
-
?>
|
| 25 |
-
|
| 26 |
-
<script type="text/javascript">
|
| 27 |
-
function initLytebox() {
|
| 28 |
-
|
| 29 |
-
myLytebox = new LyteBox({
|
| 30 |
-
theme: '<?php echo $_lyghtboxConfig['themeName'] ?>',
|
| 31 |
-
maxOpacity: <?php echo $_lyghtboxConfig['maxOpacity'] ?>,
|
| 32 |
-
doAnimations: <?php echo (($_lyghtboxConfig['animate'] > 0)? "true":"false"); ?>,
|
| 33 |
-
resizeSpeed: <?php echo $_lyghtboxConfig['resizeSpeed'] ?>,
|
| 34 |
-
borderSize: <?php echo $_lyghtboxConfig['borderSize'] ?>,
|
| 35 |
-
labelImage: '<?php echo $_lyghtboxConfig['labelImage'] ?>',
|
| 36 |
-
labelOf: '<?php echo $_lyghtboxConfig['labelOf'] ?>',
|
| 37 |
-
slideInterval: <?php echo $_lyghtboxConfig['slideInterval'] ?>,
|
| 38 |
-
showNavigation: <?php echo (($_lyghtboxConfig['showNavigation'] > 0)? "true":"false"); ?>,
|
| 39 |
-
showClose: <?php echo (($_lyghtboxConfig['showClose'] > 0)? "true":"false"); ?>,
|
| 40 |
-
showDetails: <?php echo (($_lyghtboxConfig['showDetails'] > 0)? "true":"false"); ?>,
|
| 41 |
-
showPlayPause: <?php echo (($_lyghtboxConfig['showPlayPause'] > 0)? "true":"false"); ?>,
|
| 42 |
-
autoEnd: <?php echo (($_lyghtboxConfig['autoEnd'] > 0)? "true":"false"); ?>,
|
| 43 |
-
pauseOnNextClick: <?php echo (($_lyghtboxConfig['pauseOnNextClick'] > 0)? "true":"false"); ?>,
|
| 44 |
-
pauseOnPrevClick: <?php echo (($_lyghtboxConfig['pauseOnPrevClick'] > 0)? "true":"false"); ?>
|
| 45 |
-
|
| 46 |
-
});
|
| 47 |
-
}
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
if (window.addEventListener) {
|
| 51 |
-
window.addEventListener("load",initLytebox,false);
|
| 52 |
-
} else if (window.attachEvent) {
|
| 53 |
-
window.attachEvent("onload",initLytebox);
|
| 54 |
-
} else {
|
| 55 |
-
window.onload = function() {initLytebox();}
|
| 56 |
-
}
|
| 57 |
-
|
| 58 |
-
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
app/design/frontend/default/default/template/etlytebox/media.phtml
DELETED
|
@@ -1,160 +0,0 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
/**
|
| 3 |
-
* ET Web Solutions
|
| 4 |
-
*
|
| 5 |
-
* NOTICE OF LICENSE
|
| 6 |
-
*
|
| 7 |
-
* This source file is subject to the Academic Free License (AFL 3.0)
|
| 8 |
-
*
|
| 9 |
-
* DISCLAIMER
|
| 10 |
-
*
|
| 11 |
-
* Do not edit or add to this file if you wish to upgrade to newer
|
| 12 |
-
* versions in the future.
|
| 13 |
-
*
|
| 14 |
-
* @category ET
|
| 15 |
-
* @package ET_Lytebox
|
| 16 |
-
* @copyright Copyright (c) 2010 ET Web Solutions (http://etwebsolutions.com)
|
| 17 |
-
* @contacts support@etwebsolutions.com
|
| 18 |
-
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
| 19 |
-
*/
|
| 20 |
-
|
| 21 |
-
/**
|
| 22 |
-
* Product media data template
|
| 23 |
-
*
|
| 24 |
-
* @see Mage_Catalog_Block_Product_View_Media
|
| 25 |
-
*/
|
| 26 |
-
|
| 27 |
-
$_product = $this->getProduct();
|
| 28 |
-
$_helper = $this->helper('catalog/output');
|
| 29 |
-
|
| 30 |
-
$_lyghtboxConfig = Mage::getStoreConfig('lytebox/general');
|
| 31 |
-
$_lyghtboxConfig += Mage::getStoreConfig('lytebox/design');
|
| 32 |
-
$_lyghtboxConfig += Mage::getStoreConfig('lytebox/slideshow');
|
| 33 |
-
|
| 34 |
-
/* Main Image Size */
|
| 35 |
-
if (strstr($_lyghtboxConfig['mainImageSize'], '_')) {
|
| 36 |
-
$mainImageSize = explode('_', $_lyghtboxConfig['mainImageSize'], 2);
|
| 37 |
-
} else {
|
| 38 |
-
$mainImageSize = array(265, 265);
|
| 39 |
-
}
|
| 40 |
-
/* Popup Image Size */
|
| 41 |
-
$popupImageSize = explode('_', $_lyghtboxConfig['popupImageSize'], 2);
|
| 42 |
-
if(count($popupImageSize)==1)
|
| 43 |
-
{
|
| 44 |
-
if(!((int)$popupImageSize[0]>0))$popupImageSize = false;
|
| 45 |
-
}
|
| 46 |
-
else if(count($popupImageSize)!=2) $popupImageSize = false;
|
| 47 |
-
|
| 48 |
-
/* Additional Images Size */
|
| 49 |
-
if (strstr($_lyghtboxConfig['additionalImageSize'], '_')) {
|
| 50 |
-
$additionalImageSize = explode('_', $_lyghtboxConfig['additionalImageSize'], 2);
|
| 51 |
-
} else {
|
| 52 |
-
$additionalImageSize = array(60, 60);
|
| 53 |
-
}
|
| 54 |
-
|
| 55 |
-
$image = $this->helper('catalog/image')->init($_product, 'image');
|
| 56 |
-
if ($popupImageSize[0] > 0) {
|
| 57 |
-
$image = $this->helper('catalog/image')->init($_product, 'image')->resize($popupImageSize[0], $popupImageSize[1]);
|
| 58 |
-
}
|
| 59 |
-
?>
|
| 60 |
-
|
| 61 |
-
<?php if(!$_lyghtboxConfig['defaultzoom']): ?>
|
| 62 |
-
|
| 63 |
-
<?php
|
| 64 |
-
$maintitle = $this->htmlEscape($_product->getImageLabel());
|
| 65 |
-
if(($_lyghtboxConfig['productName'] != 0) && empty($maintitle)):
|
| 66 |
-
$maintitle = $_product->getName();
|
| 67 |
-
endif;
|
| 68 |
-
?>
|
| 69 |
-
|
| 70 |
-
<a href="<?php echo $image; ?>" rel="lytebox[rotation]" title="<?php echo $maintitle ;?>" onclick="return false;"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize($mainImageSize[0], $mainImageSize[1]); ?>" width="<?php echo $mainImageSize[0];?>" height="<?php echo $mainImageSize[1];?>" alt="<?php echo $this->htmlEscape($_product->getImageLabel());?>" /></a>
|
| 71 |
-
|
| 72 |
-
<?php else: ?>
|
| 73 |
-
<?php if ($_product->getImage() != 'no_selection' && $_product->getImage()): ?>
|
| 74 |
-
<p class="product-image product-image-zoom">
|
| 75 |
-
<?php
|
| 76 |
-
$_img = '<img id="image" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
|
| 77 |
-
echo $_helper->productAttribute($_product, $_img, 'image');
|
| 78 |
-
?>
|
| 79 |
-
</p>
|
| 80 |
-
|
| 81 |
-
<p class="zoom-notice" id="track_hint"><?php echo $this->__('Double click on above image to view full picture') ?></p>
|
| 82 |
-
<div class="zoom">
|
| 83 |
-
<img id="zoom_out" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_out.gif') ?>" alt="<?php echo $this->__('Zoom Out') ?>" title="<?php echo $this->__('Zoom Out') ?>" class="btn-zoom-out" />
|
| 84 |
-
<div id="track">
|
| 85 |
-
<div id="handle"></div>
|
| 86 |
-
</div>
|
| 87 |
-
<img id="zoom_in" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_in.gif') ?>" alt="<?php echo $this->__('Zoom In') ?>" title="<?php echo $this->__('Zoom In') ?>" class="btn-zoom-in" />
|
| 88 |
-
</div>
|
| 89 |
-
<script type="text/javascript">
|
| 90 |
-
//<![CDATA[
|
| 91 |
-
Event.observe(window, 'load', function() {
|
| 92 |
-
product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
|
| 93 |
-
});
|
| 94 |
-
//]]>
|
| 95 |
-
</script>
|
| 96 |
-
<?php else: ?>
|
| 97 |
-
<p class="product-image">
|
| 98 |
-
<?php
|
| 99 |
-
$_img = '<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
|
| 100 |
-
echo $_helper->productAttribute($_product, $_img, 'image');
|
| 101 |
-
?>
|
| 102 |
-
</p>
|
| 103 |
-
<?php endif; ?>
|
| 104 |
-
<?php endif; ?>
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
<?php if (count($this->getGalleryImages()) > 0): ?>
|
| 109 |
-
<div class="more-views">
|
| 110 |
-
<h2><?php echo $this->__('More Views') ?></h2>
|
| 111 |
-
<ul>
|
| 112 |
-
<?php foreach ($this->getGalleryImages() as $_image): ?>
|
| 113 |
-
<?php
|
| 114 |
-
$subtitle = $this->htmlEscape($_image->getLabel());
|
| 115 |
-
if(($_lyghtboxConfig['productName'] != 0) && empty($subtitle)):
|
| 116 |
-
$subtitle = $_product->getName();
|
| 117 |
-
endif;
|
| 118 |
-
|
| 119 |
-
$imageUrl=$popupImageSize
|
| 120 |
-
?(count($popupImageSize)==2
|
| 121 |
-
?((string)Mage::helper('catalog/image')->init($_product, 'image', $_image->file)->resize($popupImageSize[0],$popupImageSize[1]))
|
| 122 |
-
:((string)Mage::helper('catalog/image')->init($_product, 'image', $_image->file)->resize($popupImageSize[0]))
|
| 123 |
-
)
|
| 124 |
-
:((string)Mage::helper('catalog/image')->init($_product, 'image', $_image->file))
|
| 125 |
-
;
|
| 126 |
-
?>
|
| 127 |
-
<li>
|
| 128 |
-
<a href="<?php echo $imageUrl; ?>" rel="lytebox[rotation]" title="<?php echo $subtitle; ?>" onclick="return false;"><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize($additionalImageSize[0], $additionalImageSize[1]); ?>" width="<?php echo $additionalImageSize[0];?>" height="<?php echo $additionalImageSize[1];?>" alt="<?php echo $subtitle; ?>" /></a>
|
| 129 |
-
</li>
|
| 130 |
-
<?php endforeach; ?>
|
| 131 |
-
</ul>
|
| 132 |
-
</div>
|
| 133 |
-
<?php endif; ?>
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
<script type="text/javascript">
|
| 139 |
-
function initLytebox() {
|
| 140 |
-
|
| 141 |
-
myLytebox = new LyteBox({
|
| 142 |
-
theme: '<?php echo $_lyghtboxConfig['themeName'] ?>',
|
| 143 |
-
maxOpacity: <?php echo $_lyghtboxConfig['maxOpacity'] ?>,
|
| 144 |
-
doAnimations: <?php echo (($_lyghtboxConfig['animate'] > 0)? "true":"false"); ?>,
|
| 145 |
-
resizeSpeed: <?php echo $_lyghtboxConfig['resizeSpeed'] ?>,
|
| 146 |
-
borderSize: <?php echo $_lyghtboxConfig['borderSize'] ?>,
|
| 147 |
-
labelImage: '<?php echo $_lyghtboxConfig['labelImage'] ?>',
|
| 148 |
-
labelOf: '<?php echo $_lyghtboxConfig['labelOf'] ?>'
|
| 149 |
-
});
|
| 150 |
-
}
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
if (window.addEventListener) {
|
| 154 |
-
window.addEventListener("load",initLytebox,false);
|
| 155 |
-
} else if (window.attachEvent) {
|
| 156 |
-
window.attachEvent("onload",initLytebox);
|
| 157 |
-
} else {
|
| 158 |
-
window.onload = function() {initLytebox();}
|
| 159 |
-
}
|
| 160 |
-
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
app/etc/modules/ET_Lytebox.xml
CHANGED
|
@@ -1,32 +1,31 @@
|
|
| 1 |
-
<?xml version="1.0"?>
|
| 2 |
-
<!--
|
| 3 |
-
/**
|
| 4 |
-
*
|
| 5 |
-
*
|
| 6 |
-
*
|
| 7 |
-
*
|
| 8 |
-
*
|
| 9 |
-
*
|
| 10 |
-
*
|
| 11 |
-
*
|
| 12 |
-
*
|
| 13 |
-
*
|
| 14 |
-
*
|
| 15 |
-
* @
|
| 16 |
-
* @
|
| 17 |
-
* @
|
| 18 |
-
* @
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
<
|
| 23 |
-
|
| 24 |
-
|
| 25 |
-
<
|
| 26 |
-
<
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
</config>
|
| 1 |
+
<?xml version="1.0"?>
|
| 2 |
+
<!--
|
| 3 |
+
/**
|
| 4 |
+
* NOTICE OF LICENSE
|
| 5 |
+
*
|
| 6 |
+
* You may not sell, sub-license, rent or lease
|
| 7 |
+
* any portion of the Software or Documentation to anyone.
|
| 8 |
+
*
|
| 9 |
+
* DISCLAIMER
|
| 10 |
+
*
|
| 11 |
+
* Do not edit or add to this file if you wish to upgrade to newer
|
| 12 |
+
* versions in the future.
|
| 13 |
+
*
|
| 14 |
+
* @category ET
|
| 15 |
+
* @package ET_Lytebox
|
| 16 |
+
* @copyright Copyright (c) 2012 ET Web Solutions (http://etwebsolutions.com)
|
| 17 |
+
* @contacts support@etwebsolutions.com
|
| 18 |
+
* @license http://shop.etwebsolutions.com/etws-license-free-v1/ ETWS Free License (EFL1)
|
| 19 |
+
*/
|
| 20 |
+
-->
|
| 21 |
+
<config>
|
| 22 |
+
<modules>
|
| 23 |
+
<ET_Lytebox>
|
| 24 |
+
<active>true</active>
|
| 25 |
+
<codePool>community</codePool>
|
| 26 |
+
<depends>
|
| 27 |
+
<Mage_Catalog/>
|
| 28 |
+
</depends>
|
| 29 |
+
</ET_Lytebox>
|
| 30 |
+
</modules>
|
| 31 |
+
</config>
|
|
|
app/locale/ru_RU/ET_Lytebox.csv
CHANGED
|
@@ -1,42 +1,54 @@
|
|
| 1 |
-
"Lytebox options","Настройки модуля Lytebox"
|
| 2 |
-
"Enable lytebox","Включить Lytebox"
|
| 3 |
-
"If enabled: include js, css files to frontend and replace template for images popup","Если включено: загружаются css и js файлы в пользовательской части и заменяется шаблон для изображений товара"
|
| 4 |
-
"Keep Magento zoom","Оставить Magento zoom"
|
| 5 |
-
"Lytebox design options","Дизайн Lytebox"
|
| 6 |
-
"Lyteboxs theme","Тема"
|
| 7 |
-
"Style in CSS. (Avalable themes: grey, blue, gold, green, red. Default: grey).","CSS стиль. (Доступные темы: grey, blue, gold, green, red. По умолчанию: grey). Также доступны русские версии (grey_ru, blue_ru, gold_ru, green_ru, red_ru)."
|
| 8 |
-
"Size of main image","Размер главного изображения"
|
| 9 |
-
"Size in pixels width_height. (Default 265_265).","Размер в пикселях width_height. (По умолчанию: 265_265)."
|
| 10 |
-
"Size of popup image","Размер открывающегося изображения"
|
| 11 |
-
"Size in pixels width_height. (Default 500_500, also can be only width, or empty for full size).","Размер в пикселях width_height. (По умолчанию: 500_500. Можно указать только ширину или пустое значение, для оригинального изображения)."
|
| 12 |
-
"Size of additional images","Размер дополнительных изображений"
|
| 13 |
-
"Size in pixels width_height. (Default 60_60)","Размер в пикселях width_height. (По умолчанию: 60_60)."
|
| 14 |
-
"Replace empty image label","Заменять пустой заголовок"
|
| 15 |
-
"Dipslays product name if image label is empty","Если заголовок изображения пустой, то показывается название товара"
|
| 16 |
-
"Enable lytebox animation","Включить анимацию Lytebox"
|
| 17 |
-
"Max Opacity","Максимальная непрозрачность"
|
| 18 |
-
"Controls transparency of shadow overlay (higher opacity = darker overlay, lower opacity = lighter overlay. Default: 80)","Управление прозрачностью заднего фона. (большая непрозрачность=темнее тень, меньшая непрозрачность=светлее тень. По умолчанию: 80)"
|
| 19 |
-
"Resize speed","Скорость анимации"
|
| 20 |
-
"Controls the speed of the image resizing animations (1=slowest and 10=fastest, 8 by default)","Управление скоростью анимации при показе изображения. (1=медленно, 10=быстро. По умолчанию: 8)"
|
| 21 |
-
"Border size","Размер рамки"
|
| 22 |
-
"Border width around image in lytebox (12 by default)","Ширина рамки вокруг изображения в Lytebox (По умолчанию: 12)"
|
| 23 |
-
"Label 'Image'","Текст 'Изображение'"
|
| 24 |
-
"When grouping images this is used to write: 'Image # of #'","Если изображений несколько, то используется текст: 'Изображение # из #'"
|
| 25 |
-
"Label 'of'","Текст 'из'"
|
| 26 |
-
"Lytebox slideshow options (for CMS pages only)","Настройки слайдшоу Lytebox (только для CMS страниц)"
|
| 27 |
-
"Slide interval","Задержка смены кадра"
|
| 28 |
-
"Change value (milliseconds) to increase/decrease the time between ""slides"" (10000 = 10 seconds)","Время (в миллисекундах) задержки при смене изображения (По умолчанию: 4000 = 4 секунды)"
|
| 29 |
-
"Show navigation","Показывать навигацию"
|
| 30 |
-
"Yes to display Next/Prev buttons/text during slideshow, No to hide","Да - для отображения кнопок/текста Next/Prev во время слайдшоу, Нет - спрятать"
|
| 31 |
-
"Show Close button","Показывать кнопку Закрыть"
|
| 32 |
-
"Yes to display the Close button, No to hide","Да - для отображения кнопки Закрыть во время слайдшоу, Нет - спрятать"
|
| 33 |
-
"Show details","Показывать детали"
|
| 34 |
-
"Yes to display image details (caption, count), No to hide","Да - для отображения информации об изображении (заголовок, количество), Нет - спрятать"
|
| 35 |
-
"Show Play/Pause button","Показывать кнопку Play/Pause"
|
| 36 |
-
"Yes to display pause/play buttons next to close button, No to hide","Да - для отображения кнопки Play/Pause рядом с кнопкой Закрыть, Нет - спрятать"
|
| 37 |
-
"Auto end","Закрыть окно после просмотра"
|
| 38 |
-
"Yes to automatically close Lytebox after the last image is reached, No to keep open","Да - автоматически закрыть Lytebox после показа последнего изображения, Нет - оставить открытым"
|
| 39 |
-
"Pause on Next click","Пауза, если нажали на Next"
|
| 40 |
-
"Yes to pause the slideshow when the ""Next"" button is clicked","Да - для остановки сладшоу, если была нажата кнопка Next"
|
| 41 |
-
"Pause on Prev click","Пауза, если нажали на Prev"
|
| 42 |
-
"Yes to pause the slideshow when the ""Prev"" button is clicked","Да - для остановки сладшоу, если была нажата кнопка Prev"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
"Lytebox options","Настройки модуля Lytebox"
|
| 2 |
+
"Enable lytebox","Включить Lytebox"
|
| 3 |
+
"If enabled: include js, css files to frontend and replace template for images popup","Если включено: загружаются css и js файлы в пользовательской части и заменяется шаблон для изображений товара"
|
| 4 |
+
"Keep Magento zoom","Оставить Magento zoom"
|
| 5 |
+
"Lytebox design options","Дизайн Lytebox"
|
| 6 |
+
"Lyteboxs theme","Тема"
|
| 7 |
+
"Style in CSS. (Avalable themes: grey, blue, gold, green, red. Default: grey).","CSS стиль. (Доступные темы: grey, blue, gold, green, red. По умолчанию: grey). Также доступны русские версии (grey_ru, blue_ru, gold_ru, green_ru, red_ru)."
|
| 8 |
+
"Size of main image","Размер главного изображения"
|
| 9 |
+
"Size in pixels width_height. (Default 265_265).","Размер в пикселях width_height. (По умолчанию: 265_265)."
|
| 10 |
+
"Size of popup image","Размер открывающегося изображения"
|
| 11 |
+
"Size in pixels width_height. (Default 500_500, also can be only width, or empty for full size).","Размер в пикселях width_height. (По умолчанию: 500_500. Можно указать только ширину или пустое значение, для оригинального изображения)."
|
| 12 |
+
"Size of additional images","Размер дополнительных изображений"
|
| 13 |
+
"Size in pixels width_height. (Default 60_60)","Размер в пикселях width_height. (По умолчанию: 60_60)."
|
| 14 |
+
"Replace empty image label","Заменять пустой заголовок"
|
| 15 |
+
"Dipslays product name if image label is empty","Если заголовок изображения пустой, то показывается название товара"
|
| 16 |
+
"Enable lytebox animation","Включить анимацию Lytebox"
|
| 17 |
+
"Max Opacity","Максимальная непрозрачность"
|
| 18 |
+
"Controls transparency of shadow overlay (higher opacity = darker overlay, lower opacity = lighter overlay. Default: 80)","Управление прозрачностью заднего фона. (большая непрозрачность=темнее тень, меньшая непрозрачность=светлее тень. По умолчанию: 80)"
|
| 19 |
+
"Resize speed","Скорость анимации"
|
| 20 |
+
"Controls the speed of the image resizing animations (1=slowest and 10=fastest, 8 by default)","Управление скоростью анимации при показе изображения. (1=медленно, 10=быстро. По умолчанию: 8)"
|
| 21 |
+
"Border size","Размер рамки"
|
| 22 |
+
"Border width around image in lytebox (12 by default)","Ширина рамки вокруг изображения в Lytebox (По умолчанию: 12)"
|
| 23 |
+
"Label 'Image'","Текст 'Изображение'"
|
| 24 |
+
"When grouping images this is used to write: 'Image # of #'","Если изображений несколько, то используется текст: 'Изображение # из #'"
|
| 25 |
+
"Label 'of'","Текст 'из'"
|
| 26 |
+
"Lytebox slideshow options (for CMS pages only)","Настройки слайдшоу Lytebox (только для CMS страниц)"
|
| 27 |
+
"Slide interval","Задержка смены кадра"
|
| 28 |
+
"Change value (milliseconds) to increase/decrease the time between ""slides"" (10000 = 10 seconds)","Время (в миллисекундах) задержки при смене изображения (По умолчанию: 4000 = 4 секунды)"
|
| 29 |
+
"Show navigation","Показывать навигацию"
|
| 30 |
+
"Yes to display Next/Prev buttons/text during slideshow, No to hide","Да - для отображения кнопок/текста Next/Prev во время слайдшоу, Нет - спрятать"
|
| 31 |
+
"Show Close button","Показывать кнопку Закрыть"
|
| 32 |
+
"Yes to display the Close button, No to hide","Да - для отображения кнопки Закрыть во время слайдшоу, Нет - спрятать"
|
| 33 |
+
"Show details","Показывать детали"
|
| 34 |
+
"Yes to display image details (caption, count), No to hide","Да - для отображения информации об изображении (заголовок, количество), Нет - спрятать"
|
| 35 |
+
"Show Play/Pause button","Показывать кнопку Play/Pause"
|
| 36 |
+
"Yes to display pause/play buttons next to close button, No to hide","Да - для отображения кнопки Play/Pause рядом с кнопкой Закрыть, Нет - спрятать"
|
| 37 |
+
"Auto end","Закрыть окно после просмотра"
|
| 38 |
+
"Yes to automatically close Lytebox after the last image is reached, No to keep open","Да - автоматически закрыть Lytebox после показа последнего изображения, Нет - оставить открытым"
|
| 39 |
+
"Pause on Next click","Пауза, если нажали на Next"
|
| 40 |
+
"Yes to pause the slideshow when the ""Next"" button is clicked","Да - для остановки сладшоу, если была нажата кнопка Next"
|
| 41 |
+
"Pause on Prev click","Пауза, если нажали на Prev"
|
| 42 |
+
"Yes to pause the slideshow when the ""Prev"" button is clicked","Да - для остановки сладшоу, если была нажата кнопка Prev"
|
| 43 |
+
|
| 44 |
+
"Lytebox information","Информация о модуле Lytebox"
|
| 45 |
+
"Extension:","Модуль:"
|
| 46 |
+
"<strong>%s</strong> (version %s)","<strong>%s</strong> (версия %s)"
|
| 47 |
+
"License:","Лицензия:"
|
| 48 |
+
"Short Description:","Краткое описание:"
|
| 49 |
+
"Documentation:","Документация:"
|
| 50 |
+
"Support:","Поддержка:"
|
| 51 |
+
"Advertisement:","Реклама:"
|
| 52 |
+
"You can see description of extension features and answers to the frequently asked questions on <a href=""%s"" target=""_balnk"">our website</a>.","Описание позможностей модуля и ответы на часто задаваемые вопросы смотрите на <a href=""%s"" target=""_balnk"">нашем сайте</a>."
|
| 53 |
+
"You can hire our team to customize the extension. E-mail us on sales@etwebsolutions.com.<br><br>You can see a list of provided services on <a href=""%s"" target=""_blank"">our website</a>.","Вы можете нанять нашу команду для любых работ по модификации модуля. Пишите на адрес sales@etwebsolutions.com.<br><br>Со списком предоставляемых нами услуг вы можете ознакомиться <a href=""%s"" target=""_blank"">на нашем сайте</a>."
|
| 54 |
+
"Extension support is available through <a href=""%s"" target=""_blank"">issue tracking system</a>.<br>You can see information freely, but you will have to sign up to open a ticket.<br><br>Please, report all bugs and feature requests that are connected to this extension.<br><br>If by some reason you can not submit a question, bug report or feature request to our ticket system, you can write us an email - support@etwebsolutions.com.","Поддержка модуля осуществляется через <a href=""%s"" target=""_blank"">систему отслеживания заданий</a>.<br>Для создания задачи будет необходимо зарегистрироваться. Для просмотра информации регистрация не требуется.<br><br>Пожалуйста, сообщайте нам о найденных ошибках и о своих пожеланиях в рамках этого модуля.<br><br>Если по каким-либо причинам вы не можете размеситить вопрос/сообщение об ошибке/пожелание в списке задач, то можете написать нам по адресу support@etwebsolutions.com."
|
js/lytebox/lytebox.js
CHANGED
|
@@ -1,923 +1,923 @@
|
|
| 1 |
-
//***********************************************************************************************************************************/
|
| 2 |
-
// LyteBox v3.22
|
| 3 |
-
//
|
| 4 |
-
// Author: Markus F. Hay
|
| 5 |
-
// Website: http://www.dolem.com/lytebox
|
| 6 |
-
// Date: October 2, 2007
|
| 7 |
-
// License: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/)
|
| 8 |
-
// Browsers: Tested successfully on WinXP with the following browsers (using no DOCTYPE and Strict/Transitional/Loose DOCTYPES):
|
| 9 |
-
// * Firefox: 2.0.0.7, 1.5.0.12
|
| 10 |
-
// * Internet Explorer: 7.0, 6.0 SP2, 5.5 SP2
|
| 11 |
-
// * Opera: 9.23
|
| 12 |
-
//
|
| 13 |
-
// Releases: For up-to-date and complete release information, visit http://www.dolem.com/forum/showthread.php?tid=62
|
| 14 |
-
// * v3.22 (10/02/07)
|
| 15 |
-
// * v3.21 (09/30/07)
|
| 16 |
-
// * v3.20 (07/12/07)
|
| 17 |
-
// * v3.10 (05/28/07)
|
| 18 |
-
// * v3.00 (05/15/07)
|
| 19 |
-
// * v2.02 (11/13/06)
|
| 20 |
-
//
|
| 21 |
-
// Credit: LyteBox was originally derived from the Lightbox class (v2.02) that was written by Lokesh Dhakar. For more
|
| 22 |
-
// information please visit http://huddletogether.com/projects/lightbox2/
|
| 23 |
-
//***********************************************************************************************************************************/
|
| 24 |
-
Array.prototype.removeDuplicates = function () { for (var i = 1; i < this.length; i++) { if (this[i][0] == this[i-1][0]) { this.splice(i,1); } } }
|
| 25 |
-
Array.prototype.empty = function () { for (var i = 0; i <= this.length; i++) { this.shift(); } }
|
| 26 |
-
String.prototype.trim = function () { return this.replace(/^\s+|\s+$/g, ''); }
|
| 27 |
-
|
| 28 |
-
function LyteBox(params) {
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
this.pauseOnPrevClick = true; // true to pause the slideshow when the "Prev" button is clicked
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
}
|
| 117 |
-
LyteBox.prototype.initialize = function() {
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
|
| 157 |
-
|
| 158 |
-
|
| 159 |
-
|
| 160 |
-
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
-
|
| 203 |
-
|
| 204 |
-
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
|
| 208 |
-
|
| 209 |
-
|
| 210 |
-
|
| 211 |
-
|
| 212 |
-
|
| 213 |
-
};
|
| 214 |
-
LyteBox.prototype.updateLyteboxItems = function() {
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
};
|
| 230 |
-
LyteBox.prototype.start = function(imageLink, doSlide, doFrame) {
|
| 231 |
-
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
| 239 |
-
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
|
| 243 |
-
|
| 244 |
-
|
| 245 |
-
|
| 246 |
-
|
| 247 |
-
|
| 248 |
-
|
| 249 |
-
|
| 250 |
-
|
| 251 |
-
|
| 252 |
-
|
| 253 |
-
|
| 254 |
-
|
| 255 |
-
|
| 256 |
-
|
| 257 |
-
|
| 258 |
-
|
| 259 |
-
|
| 260 |
-
|
| 261 |
-
|
| 262 |
-
|
| 263 |
-
|
| 264 |
-
|
| 265 |
-
|
| 266 |
-
|
| 267 |
-
|
| 268 |
-
|
| 269 |
-
|
| 270 |
-
|
| 271 |
-
|
| 272 |
-
|
| 273 |
-
|
| 274 |
-
|
| 275 |
-
|
| 276 |
-
|
| 277 |
-
|
| 278 |
-
|
| 279 |
-
|
| 280 |
-
|
| 281 |
-
|
| 282 |
-
|
| 283 |
-
|
| 284 |
-
|
| 285 |
-
|
| 286 |
-
|
| 287 |
-
|
| 288 |
-
|
| 289 |
-
|
| 290 |
-
|
| 291 |
-
|
| 292 |
-
|
| 293 |
-
|
| 294 |
-
|
| 295 |
-
|
| 296 |
-
|
| 297 |
-
|
| 298 |
-
|
| 299 |
-
|
| 300 |
-
|
| 301 |
-
|
| 302 |
-
|
| 303 |
-
|
| 304 |
-
|
| 305 |
-
|
| 306 |
-
|
| 307 |
-
|
| 308 |
-
|
| 309 |
-
|
| 310 |
-
|
| 311 |
-
|
| 312 |
-
|
| 313 |
-
|
| 314 |
-
|
| 315 |
-
|
| 316 |
-
|
| 317 |
-
|
| 318 |
-
|
| 319 |
-
|
| 320 |
-
|
| 321 |
-
|
| 322 |
-
|
| 323 |
-
|
| 324 |
-
|
| 325 |
-
|
| 326 |
-
|
| 327 |
-
|
| 328 |
-
|
| 329 |
-
|
| 330 |
-
|
| 331 |
-
};
|
| 332 |
-
LyteBox.prototype.changeContent = function(imageNum) {
|
| 333 |
-
|
| 334 |
-
|
| 335 |
-
|
| 336 |
-
|
| 337 |
-
|
| 338 |
-
|
| 339 |
-
|
| 340 |
-
|
| 341 |
-
|
| 342 |
-
|
| 343 |
-
|
| 344 |
-
|
| 345 |
-
|
| 346 |
-
|
| 347 |
-
|
| 348 |
-
|
| 349 |
-
|
| 350 |
-
|
| 351 |
-
|
| 352 |
-
|
| 353 |
-
|
| 354 |
-
|
| 355 |
-
|
| 356 |
-
|
| 357 |
-
|
| 358 |
-
|
| 359 |
-
|
| 360 |
-
|
| 361 |
-
|
| 362 |
-
|
| 363 |
-
|
| 364 |
-
|
| 365 |
-
|
| 366 |
-
|
| 367 |
-
|
| 368 |
-
|
| 369 |
-
|
| 370 |
-
|
| 371 |
-
|
| 372 |
-
|
| 373 |
-
|
| 374 |
-
|
| 375 |
-
|
| 376 |
-
|
| 377 |
-
|
| 378 |
-
|
| 379 |
-
|
| 380 |
-
|
| 381 |
-
|
| 382 |
-
|
| 383 |
-
|
| 384 |
-
|
| 385 |
-
|
| 386 |
-
|
| 387 |
-
|
| 388 |
-
|
| 389 |
-
|
| 390 |
-
|
| 391 |
-
|
| 392 |
-
|
| 393 |
-
|
| 394 |
-
|
| 395 |
-
|
| 396 |
-
|
| 397 |
-
|
| 398 |
-
|
| 399 |
-
|
| 400 |
-
|
| 401 |
-
|
| 402 |
-
|
| 403 |
-
|
| 404 |
-
|
| 405 |
-
|
| 406 |
-
|
| 407 |
-
|
| 408 |
-
|
| 409 |
-
|
| 410 |
-
|
| 411 |
-
|
| 412 |
-
};
|
| 413 |
-
LyteBox.prototype.resizeContainer = function(imgWidth, imgHeight) {
|
| 414 |
-
|
| 415 |
-
|
| 416 |
-
|
| 417 |
-
|
| 418 |
-
|
| 419 |
-
|
| 420 |
-
|
| 421 |
-
|
| 422 |
-
|
| 423 |
-
|
| 424 |
-
|
| 425 |
-
|
| 426 |
-
|
| 427 |
-
|
| 428 |
-
|
| 429 |
-
|
| 430 |
-
|
| 431 |
-
|
| 432 |
-
|
| 433 |
-
|
| 434 |
-
|
| 435 |
-
|
| 436 |
-
|
| 437 |
-
|
| 438 |
-
|
| 439 |
-
};
|
| 440 |
-
LyteBox.prototype.showContent = function() {
|
| 441 |
-
|
| 442 |
-
|
| 443 |
-
|
| 444 |
-
|
| 445 |
-
|
| 446 |
-
|
| 447 |
-
|
| 448 |
-
|
| 449 |
-
|
| 450 |
-
|
| 451 |
-
|
| 452 |
-
|
| 453 |
-
|
| 454 |
-
|
| 455 |
-
|
| 456 |
-
|
| 457 |
-
|
| 458 |
-
|
| 459 |
-
|
| 460 |
-
|
| 461 |
-
|
| 462 |
-
|
| 463 |
-
|
| 464 |
-
|
| 465 |
-
|
| 466 |
-
|
| 467 |
-
|
| 468 |
-
|
| 469 |
-
|
| 470 |
-
|
| 471 |
-
|
| 472 |
-
|
| 473 |
-
|
| 474 |
-
|
| 475 |
-
|
| 476 |
-
|
| 477 |
-
|
| 478 |
-
|
| 479 |
-
|
| 480 |
-
|
| 481 |
-
|
| 482 |
-
|
| 483 |
-
|
| 484 |
-
|
| 485 |
-
|
| 486 |
-
|
| 487 |
-
|
| 488 |
-
|
| 489 |
-
|
| 490 |
-
|
| 491 |
-
};
|
| 492 |
-
LyteBox.prototype.updateDetails = function() {
|
| 493 |
-
|
| 494 |
-
|
| 495 |
-
|
| 496 |
-
|
| 497 |
-
|
| 498 |
-
|
| 499 |
-
|
| 500 |
-
|
| 501 |
-
|
| 502 |
-
|
| 503 |
-
|
| 504 |
-
|
| 505 |
-
|
| 506 |
-
|
| 507 |
-
|
| 508 |
-
|
| 509 |
-
|
| 510 |
-
|
| 511 |
-
|
| 512 |
-
|
| 513 |
-
|
| 514 |
-
|
| 515 |
-
|
| 516 |
-
};
|
| 517 |
-
LyteBox.prototype.updateNav = function() {
|
| 518 |
-
|
| 519 |
-
|
| 520 |
-
|
| 521 |
-
|
| 522 |
-
|
| 523 |
-
|
| 524 |
-
|
| 525 |
-
|
| 526 |
-
|
| 527 |
-
|
| 528 |
-
|
| 529 |
-
|
| 530 |
-
|
| 531 |
-
|
| 532 |
-
|
| 533 |
-
|
| 534 |
-
|
| 535 |
-
|
| 536 |
-
|
| 537 |
-
|
| 538 |
-
|
| 539 |
-
|
| 540 |
-
|
| 541 |
-
|
| 542 |
-
|
| 543 |
-
|
| 544 |
-
|
| 545 |
-
|
| 546 |
-
|
| 547 |
-
|
| 548 |
-
|
| 549 |
-
|
| 550 |
-
|
| 551 |
-
|
| 552 |
-
|
| 553 |
-
|
| 554 |
-
|
| 555 |
-
|
| 556 |
-
|
| 557 |
-
|
| 558 |
-
|
| 559 |
-
|
| 560 |
-
|
| 561 |
-
|
| 562 |
-
|
| 563 |
-
|
| 564 |
-
|
| 565 |
-
|
| 566 |
-
|
| 567 |
-
|
| 568 |
-
|
| 569 |
-
|
| 570 |
-
|
| 571 |
-
|
| 572 |
-
|
| 573 |
-
|
| 574 |
-
|
| 575 |
-
|
| 576 |
-
|
| 577 |
-
|
| 578 |
-
|
| 579 |
-
};
|
| 580 |
-
LyteBox.prototype.enableKeyboardNav = function() { document.onkeydown = this.keyboardAction; };
|
| 581 |
-
LyteBox.prototype.disableKeyboardNav = function() { document.onkeydown = ''; };
|
| 582 |
-
LyteBox.prototype.keyboardAction = function(e) {
|
| 583 |
-
|
| 584 |
-
|
| 585 |
-
|
| 586 |
-
|
| 587 |
-
|
| 588 |
-
|
| 589 |
-
|
| 590 |
-
|
| 591 |
-
|
| 592 |
-
|
| 593 |
-
|
| 594 |
-
|
| 595 |
-
|
| 596 |
-
|
| 597 |
-
|
| 598 |
-
|
| 599 |
-
|
| 600 |
-
|
| 601 |
-
|
| 602 |
-
|
| 603 |
-
|
| 604 |
-
|
| 605 |
-
|
| 606 |
-
|
| 607 |
-
|
| 608 |
-
|
| 609 |
-
|
| 610 |
-
|
| 611 |
-
|
| 612 |
-
|
| 613 |
-
|
| 614 |
-
|
| 615 |
-
|
| 616 |
-
|
| 617 |
-
|
| 618 |
-
|
| 619 |
-
|
| 620 |
-
|
| 621 |
-
|
| 622 |
-
|
| 623 |
-
|
| 624 |
-
};
|
| 625 |
-
LyteBox.prototype.preloadNeighborImages = function() {
|
| 626 |
-
|
| 627 |
-
|
| 628 |
-
|
| 629 |
-
|
| 630 |
-
|
| 631 |
-
|
| 632 |
-
|
| 633 |
-
|
| 634 |
-
|
| 635 |
-
|
| 636 |
-
|
| 637 |
-
|
| 638 |
-
|
| 639 |
-
|
| 640 |
-
|
| 641 |
-
|
| 642 |
-
|
| 643 |
-
|
| 644 |
-
|
| 645 |
-
};
|
| 646 |
-
LyteBox.prototype.togglePlayPause = function(hideID, showID) {
|
| 647 |
-
|
| 648 |
-
|
| 649 |
-
|
| 650 |
-
|
| 651 |
-
|
| 652 |
-
|
| 653 |
-
|
| 654 |
-
|
| 655 |
-
|
| 656 |
-
|
| 657 |
-
|
| 658 |
-
|
| 659 |
-
|
| 660 |
-
|
| 661 |
-
|
| 662 |
-
};
|
| 663 |
-
LyteBox.prototype.end = function(caller) {
|
| 664 |
-
|
| 665 |
-
|
| 666 |
-
|
| 667 |
-
|
| 668 |
-
|
| 669 |
-
|
| 670 |
-
|
| 671 |
-
|
| 672 |
-
|
| 673 |
-
|
| 674 |
-
|
| 675 |
-
|
| 676 |
-
|
| 677 |
-
};
|
| 678 |
-
LyteBox.prototype.checkFrame = function() {
|
| 679 |
-
|
| 680 |
-
|
| 681 |
-
|
| 682 |
-
|
| 683 |
-
|
| 684 |
-
|
| 685 |
-
|
| 686 |
-
|
| 687 |
-
|
| 688 |
-
|
| 689 |
-
|
| 690 |
-
|
| 691 |
-
|
| 692 |
-
|
| 693 |
-
|
| 694 |
-
};
|
| 695 |
-
LyteBox.prototype.getPixelRate = function(cur, img) {
|
| 696 |
-
|
| 697 |
-
|
| 698 |
-
|
| 699 |
-
|
| 700 |
-
|
| 701 |
-
|
| 702 |
-
|
| 703 |
-
|
| 704 |
-
|
| 705 |
-
};
|
| 706 |
-
LyteBox.prototype.appear = function(id, opacity) {
|
| 707 |
-
|
| 708 |
-
|
| 709 |
-
|
| 710 |
-
|
| 711 |
-
|
| 712 |
-
|
| 713 |
-
|
| 714 |
-
|
| 715 |
-
|
| 716 |
-
|
| 717 |
-
|
| 718 |
-
|
| 719 |
-
|
| 720 |
-
|
| 721 |
-
|
| 722 |
-
|
| 723 |
-
|
| 724 |
-
|
| 725 |
-
|
| 726 |
-
|
| 727 |
-
|
| 728 |
-
|
| 729 |
-
};
|
| 730 |
-
LyteBox.prototype.fade = function(id, opacity) {
|
| 731 |
-
|
| 732 |
-
|
| 733 |
-
|
| 734 |
-
|
| 735 |
-
|
| 736 |
-
|
| 737 |
-
|
| 738 |
-
|
| 739 |
-
|
| 740 |
-
|
| 741 |
-
|
| 742 |
-
|
| 743 |
-
|
| 744 |
-
|
| 745 |
-
};
|
| 746 |
-
LyteBox.prototype.resizeW = function(id, curW, maxW, pixelrate, speed) {
|
| 747 |
-
|
| 748 |
-
|
| 749 |
-
|
| 750 |
-
|
| 751 |
-
|
| 752 |
-
|
| 753 |
-
|
| 754 |
-
|
| 755 |
-
|
| 756 |
-
|
| 757 |
-
|
| 758 |
-
|
| 759 |
-
|
| 760 |
-
|
| 761 |
-
|
| 762 |
-
|
| 763 |
-
|
| 764 |
-
|
| 765 |
-
};
|
| 766 |
-
LyteBox.prototype.resizeH = function(id, curH, maxH, pixelrate, speed) {
|
| 767 |
-
|
| 768 |
-
|
| 769 |
-
|
| 770 |
-
|
| 771 |
-
|
| 772 |
-
|
| 773 |
-
|
| 774 |
-
|
| 775 |
-
|
| 776 |
-
|
| 777 |
-
|
| 778 |
-
|
| 779 |
-
|
| 780 |
-
|
| 781 |
-
};
|
| 782 |
-
LyteBox.prototype.getPageScroll = function() {
|
| 783 |
-
|
| 784 |
-
|
| 785 |
-
|
| 786 |
-
|
| 787 |
-
|
| 788 |
-
|
| 789 |
-
|
| 790 |
-
};
|
| 791 |
-
LyteBox.prototype.getPageSize = function() {
|
| 792 |
-
|
| 793 |
-
|
| 794 |
-
|
| 795 |
-
|
| 796 |
-
|
| 797 |
-
|
| 798 |
-
|
| 799 |
-
|
| 800 |
-
|
| 801 |
-
|
| 802 |
-
|
| 803 |
-
|
| 804 |
-
|
| 805 |
-
|
| 806 |
-
|
| 807 |
-
|
| 808 |
-
|
| 809 |
-
|
| 810 |
-
|
| 811 |
-
|
| 812 |
-
|
| 813 |
-
|
| 814 |
-
|
| 815 |
-
|
| 816 |
-
|
| 817 |
-
|
| 818 |
-
|
| 819 |
-
|
| 820 |
-
};
|
| 821 |
-
LyteBox.prototype.toggleFlash = function(state) {
|
| 822 |
-
|
| 823 |
-
|
| 824 |
-
|
| 825 |
-
|
| 826 |
-
|
| 827 |
-
|
| 828 |
-
|
| 829 |
-
|
| 830 |
-
|
| 831 |
-
|
| 832 |
-
|
| 833 |
-
|
| 834 |
-
|
| 835 |
-
|
| 836 |
-
|
| 837 |
-
|
| 838 |
-
|
| 839 |
-
|
| 840 |
-
|
| 841 |
-
|
| 842 |
-
|
| 843 |
-
|
| 844 |
-
|
| 845 |
-
|
| 846 |
-
};
|
| 847 |
-
LyteBox.prototype.toggleSelects = function(state) {
|
| 848 |
-
|
| 849 |
-
|
| 850 |
-
|
| 851 |
-
|
| 852 |
-
|
| 853 |
-
|
| 854 |
-
|
| 855 |
-
|
| 856 |
-
|
| 857 |
-
|
| 858 |
-
|
| 859 |
-
|
| 860 |
-
|
| 861 |
-
|
| 862 |
-
};
|
| 863 |
-
LyteBox.prototype.pause = function(numberMillis) {
|
| 864 |
-
|
| 865 |
-
|
| 866 |
-
|
| 867 |
-
|
| 868 |
-
|
| 869 |
-
|
| 870 |
-
};
|
| 871 |
-
|
| 872 |
-
|
| 873 |
-
function IEVersionDocMode(){
|
| 874 |
-
|
| 875 |
-
|
| 876 |
-
|
| 877 |
-
|
| 878 |
-
|
| 879 |
-
|
| 880 |
-
|
| 881 |
-
|
| 882 |
-
|
| 883 |
-
|
| 884 |
-
|
| 885 |
-
|
| 886 |
-
|
| 887 |
-
|
| 888 |
-
|
| 889 |
-
|
| 890 |
-
|
| 891 |
-
|
| 892 |
-
|
| 893 |
-
|
| 894 |
-
|
| 895 |
-
|
| 896 |
-
|
| 897 |
-
|
| 898 |
-
|
| 899 |
-
|
| 900 |
-
|
| 901 |
-
|
| 902 |
-
|
| 903 |
-
|
| 904 |
-
|
| 905 |
-
|
| 906 |
-
|
| 907 |
-
|
| 908 |
-
|
| 909 |
-
|
| 910 |
-
|
| 911 |
-
|
| 912 |
-
|
| 913 |
-
}
|
| 914 |
-
/*
|
| 915 |
-
if (window.addEventListener) {
|
| 916 |
-
|
| 917 |
-
} else if (window.attachEvent) {
|
| 918 |
-
|
| 919 |
-
} else {
|
| 920 |
-
|
| 921 |
-
}
|
| 922 |
-
*/
|
| 923 |
/*function initLytebox() { myLytebox = new LyteBox(); }*/
|
| 1 |
+
//***********************************************************************************************************************************/
|
| 2 |
+
// LyteBox v3.22
|
| 3 |
+
//
|
| 4 |
+
// Author: Markus F. Hay
|
| 5 |
+
// Website: http://www.dolem.com/lytebox
|
| 6 |
+
// Date: October 2, 2007
|
| 7 |
+
// License: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/)
|
| 8 |
+
// Browsers: Tested successfully on WinXP with the following browsers (using no DOCTYPE and Strict/Transitional/Loose DOCTYPES):
|
| 9 |
+
// * Firefox: 2.0.0.7, 1.5.0.12
|
| 10 |
+
// * Internet Explorer: 7.0, 6.0 SP2, 5.5 SP2
|
| 11 |
+
// * Opera: 9.23
|
| 12 |
+
//
|
| 13 |
+
// Releases: For up-to-date and complete release information, visit http://www.dolem.com/forum/showthread.php?tid=62
|
| 14 |
+
// * v3.22 (10/02/07)
|
| 15 |
+
// * v3.21 (09/30/07)
|
| 16 |
+
// * v3.20 (07/12/07)
|
| 17 |
+
// * v3.10 (05/28/07)
|
| 18 |
+
// * v3.00 (05/15/07)
|
| 19 |
+
// * v2.02 (11/13/06)
|
| 20 |
+
//
|
| 21 |
+
// Credit: LyteBox was originally derived from the Lightbox class (v2.02) that was written by Lokesh Dhakar. For more
|
| 22 |
+
// information please visit http://huddletogether.com/projects/lightbox2/
|
| 23 |
+
//***********************************************************************************************************************************/
|
| 24 |
+
Array.prototype.removeDuplicates = function () { for (var i = 1; i < this.length; i++) { if (this[i][0] == this[i-1][0]) { this.splice(i,1); } } }
|
| 25 |
+
Array.prototype.empty = function () { for (var i = 0; i <= this.length; i++) { this.shift(); } }
|
| 26 |
+
String.prototype.trim = function () { return this.replace(/^\s+|\s+$/g, ''); }
|
| 27 |
+
|
| 28 |
+
function LyteBox(params) {
|
| 29 |
+
/*** Start Global Configuration ***/
|
| 30 |
+
this.theme = 'grey'; // themes: grey (default), red, green, blue, gold
|
| 31 |
+
this.hideFlash = true; // controls whether or not Flash objects should be hidden
|
| 32 |
+
this.outerBorder = true; // controls whether to show the outer grey (or theme) border
|
| 33 |
+
this.resizeSpeed = 8; // controls the speed of the image resizing (1=slowest and 10=fastest)
|
| 34 |
+
this.maxOpacity = 80; // higher opacity = darker overlay, lower opacity = lighter overlay
|
| 35 |
+
this.navType = 1; // 1 = "Prev/Next" buttons on top left and left (default), 2 = "<< prev | next >>" links next to image number
|
| 36 |
+
this.autoResize = true; // controls whether or not images should be resized if larger than the browser window dimensions
|
| 37 |
+
this.doAnimations = true; // controls whether or not "animate" Lytebox, i.e. resize transition between images, fade in/out effects, etc.
|
| 38 |
+
|
| 39 |
+
this.borderSize = 12; // if you adjust the padding in the CSS, you will need to update this variable -- otherwise, leave this alone...
|
| 40 |
+
|
| 41 |
+
|
| 42 |
+
this.labelImage ="Image ";
|
| 43 |
+
this.labelOf =" of ";
|
| 44 |
+
/*** End Global Configuration ***/
|
| 45 |
+
|
| 46 |
+
|
| 47 |
+
|
| 48 |
+
/*** Configure Slideshow Options ***/
|
| 49 |
+
this.slideInterval = 4000; // Change value (milliseconds) to increase/decrease the time between "slides" (10000 = 10 seconds)
|
| 50 |
+
this.showNavigation = true; // true to display Next/Prev buttons/text during slideshow, false to hide
|
| 51 |
+
this.showClose = true; // true to display the Close button, false to hide
|
| 52 |
+
this.showDetails = true; // true to display image details (caption, count), false to hide
|
| 53 |
+
this.showPlayPause = false; // true to display pause/play buttons next to close button, false to hide
|
| 54 |
+
this.autoEnd = true; // true to automatically close Lytebox after the last image is reached, false to keep open
|
| 55 |
+
this.pauseOnNextClick = false; // true to pause the slideshow when the "Next" button is clicked
|
| 56 |
+
this.pauseOnPrevClick = true; // true to pause the slideshow when the "Prev" button is clicked
|
| 57 |
+
/*** End Slideshow Configuration ***/
|
| 58 |
+
|
| 59 |
+
Object.extend(this, params || {});
|
| 60 |
+
|
| 61 |
+
|
| 62 |
+
if(this.resizeSpeed > 10) { this.resizeSpeed = 10; }
|
| 63 |
+
if(this.resizeSpeed < 1) { resizeSpeed = 1; }
|
| 64 |
+
this.resizeDuration = (11 - this.resizeSpeed) * 0.15;
|
| 65 |
+
this.resizeWTimerArray = new Array();
|
| 66 |
+
this.resizeWTimerCount = 0;
|
| 67 |
+
this.resizeHTimerArray = new Array();
|
| 68 |
+
this.resizeHTimerCount = 0;
|
| 69 |
+
this.showContentTimerArray = new Array();
|
| 70 |
+
this.showContentTimerCount = 0;
|
| 71 |
+
this.overlayTimerArray = new Array();
|
| 72 |
+
this.overlayTimerCount = 0;
|
| 73 |
+
this.imageTimerArray = new Array();
|
| 74 |
+
this.imageTimerCount = 0;
|
| 75 |
+
this.timerIDArray = new Array();
|
| 76 |
+
this.timerIDCount = 0;
|
| 77 |
+
this.slideshowIDArray = new Array();
|
| 78 |
+
this.slideshowIDCount = 0;
|
| 79 |
+
this.imageArray = new Array();
|
| 80 |
+
this.activeImage = null;
|
| 81 |
+
this.slideArray = new Array();
|
| 82 |
+
this.activeSlide = null;
|
| 83 |
+
this.frameArray = new Array();
|
| 84 |
+
this.activeFrame = null;
|
| 85 |
+
this.checkFrame();
|
| 86 |
+
this.isSlideshow = false;
|
| 87 |
+
this.isLyteframe = false;
|
| 88 |
+
/*@cc_on
|
| 89 |
+
/*@if (@_jscript)
|
| 90 |
+
this.ie = (document.all && !window.opera) ? true : false;
|
| 91 |
+
/*@else @*/
|
| 92 |
+
this.ie = false;
|
| 93 |
+
/*@end
|
| 94 |
+
@*/
|
| 95 |
+
this.ie7 = (this.ie && window.XMLHttpRequest);
|
| 96 |
+
|
| 97 |
+
|
| 98 |
+
ieDetectMode=IEVersionDocMode();
|
| 99 |
+
if(ieDetectMode.DocMode==7){
|
| 100 |
+
this.ie7=true;
|
| 101 |
+
this.ie = true;
|
| 102 |
+
this.doAnimations = false;
|
| 103 |
+
}
|
| 104 |
+
|
| 105 |
+
if(ieDetectMode.DocMode>7){
|
| 106 |
+
this.ie7=false;
|
| 107 |
+
this.ie =false;
|
| 108 |
+
this.doAnimations = false;
|
| 109 |
+
}
|
| 110 |
+
|
| 111 |
+
if(ieDetectMode.DocMode>8){
|
| 112 |
+
this.doAnimations = true;
|
| 113 |
+
}
|
| 114 |
+
|
| 115 |
+
this.initialize();
|
| 116 |
+
}
|
| 117 |
+
LyteBox.prototype.initialize = function() {
|
| 118 |
+
//alert(params);
|
| 119 |
+
this.updateLyteboxItems();
|
| 120 |
+
var objBody = this.doc.getElementsByTagName("body").item(0);
|
| 121 |
+
if (this.doc.getElementById('lbOverlay')) {
|
| 122 |
+
objBody.removeChild(this.doc.getElementById("lbOverlay"));
|
| 123 |
+
objBody.removeChild(this.doc.getElementById("lbMain"));
|
| 124 |
+
}
|
| 125 |
+
var objOverlay = this.doc.createElement("div");
|
| 126 |
+
objOverlay.setAttribute('id','lbOverlay');
|
| 127 |
+
objOverlay.setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 128 |
+
if ((this.ie && !this.ie7) || (this.ie7 && this.doc.compatMode == 'BackCompat')) {
|
| 129 |
+
objOverlay.style.position = 'absolute';
|
| 130 |
+
}
|
| 131 |
+
objOverlay.style.display = 'none';
|
| 132 |
+
objBody.appendChild(objOverlay);
|
| 133 |
+
var objLytebox = this.doc.createElement("div");
|
| 134 |
+
objLytebox.setAttribute('id','lbMain');
|
| 135 |
+
objLytebox.style.display = 'none';
|
| 136 |
+
objBody.appendChild(objLytebox);
|
| 137 |
+
var objOuterContainer = this.doc.createElement("div");
|
| 138 |
+
objOuterContainer.setAttribute('id','lbOuterContainer');
|
| 139 |
+
objOuterContainer.setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 140 |
+
objLytebox.appendChild(objOuterContainer);
|
| 141 |
+
var objIframeContainer = this.doc.createElement("div");
|
| 142 |
+
objIframeContainer.setAttribute('id','lbIframeContainer');
|
| 143 |
+
objIframeContainer.style.display = 'none';
|
| 144 |
+
objOuterContainer.appendChild(objIframeContainer);
|
| 145 |
+
var objIframe = this.doc.createElement("iframe");
|
| 146 |
+
objIframe.setAttribute('id','lbIframe');
|
| 147 |
+
objIframe.setAttribute('name','lbIframe');
|
| 148 |
+
objIframe.style.display = 'none';
|
| 149 |
+
objIframeContainer.appendChild(objIframe);
|
| 150 |
+
var objImageContainer = this.doc.createElement("div");
|
| 151 |
+
objImageContainer.setAttribute('id','lbImageContainer');
|
| 152 |
+
objOuterContainer.appendChild(objImageContainer);
|
| 153 |
+
var objLyteboxImage = this.doc.createElement("img");
|
| 154 |
+
objLyteboxImage.setAttribute('id','lbImage');
|
| 155 |
+
objImageContainer.appendChild(objLyteboxImage);
|
| 156 |
+
var objLoading = this.doc.createElement("div");
|
| 157 |
+
objLoading.setAttribute('id','lbLoading');
|
| 158 |
+
objOuterContainer.appendChild(objLoading);
|
| 159 |
+
var objDetailsContainer = this.doc.createElement("div");
|
| 160 |
+
objDetailsContainer.setAttribute('id','lbDetailsContainer');
|
| 161 |
+
objDetailsContainer.setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 162 |
+
objLytebox.appendChild(objDetailsContainer);
|
| 163 |
+
var objDetailsData =this.doc.createElement("div");
|
| 164 |
+
objDetailsData.setAttribute('id','lbDetailsData');
|
| 165 |
+
objDetailsData.setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 166 |
+
objDetailsContainer.appendChild(objDetailsData);
|
| 167 |
+
var objDetails = this.doc.createElement("div");
|
| 168 |
+
objDetails.setAttribute('id','lbDetails');
|
| 169 |
+
objDetailsData.appendChild(objDetails);
|
| 170 |
+
var objCaption = this.doc.createElement("span");
|
| 171 |
+
objCaption.setAttribute('id','lbCaption');
|
| 172 |
+
objDetails.appendChild(objCaption);
|
| 173 |
+
var objHoverNav = this.doc.createElement("div");
|
| 174 |
+
objHoverNav.setAttribute('id','lbHoverNav');
|
| 175 |
+
objImageContainer.appendChild(objHoverNav);
|
| 176 |
+
var objBottomNav = this.doc.createElement("div");
|
| 177 |
+
objBottomNav.setAttribute('id','lbBottomNav');
|
| 178 |
+
objDetailsData.appendChild(objBottomNav);
|
| 179 |
+
var objPrev = this.doc.createElement("a");
|
| 180 |
+
objPrev.setAttribute('id','lbPrev');
|
| 181 |
+
objPrev.setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 182 |
+
objPrev.setAttribute('href','#');
|
| 183 |
+
objHoverNav.appendChild(objPrev);
|
| 184 |
+
var objNext = this.doc.createElement("a");
|
| 185 |
+
objNext.setAttribute('id','lbNext');
|
| 186 |
+
objNext.setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 187 |
+
objNext.setAttribute('href','#');
|
| 188 |
+
objHoverNav.appendChild(objNext);
|
| 189 |
+
var objNumberDisplay = this.doc.createElement("span");
|
| 190 |
+
objNumberDisplay.setAttribute('id','lbNumberDisplay');
|
| 191 |
+
objDetails.appendChild(objNumberDisplay);
|
| 192 |
+
var objNavDisplay = this.doc.createElement("span");
|
| 193 |
+
objNavDisplay.setAttribute('id','lbNavDisplay');
|
| 194 |
+
objNavDisplay.style.display = 'none';
|
| 195 |
+
objDetails.appendChild(objNavDisplay);
|
| 196 |
+
var objClose = this.doc.createElement("a");
|
| 197 |
+
objClose.setAttribute('id','lbClose');
|
| 198 |
+
objClose.setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 199 |
+
objClose.setAttribute('href','#');
|
| 200 |
+
objBottomNav.appendChild(objClose);
|
| 201 |
+
var objPause = this.doc.createElement("a");
|
| 202 |
+
objPause.setAttribute('id','lbPause');
|
| 203 |
+
objPause.setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 204 |
+
objPause.setAttribute('href','#');
|
| 205 |
+
objPause.style.display = 'none';
|
| 206 |
+
objBottomNav.appendChild(objPause);
|
| 207 |
+
var objPlay = this.doc.createElement("a");
|
| 208 |
+
objPlay.setAttribute('id','lbPlay');
|
| 209 |
+
objPlay.setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 210 |
+
objPlay.setAttribute('href','#');
|
| 211 |
+
objPlay.style.display = 'none';
|
| 212 |
+
objBottomNav.appendChild(objPlay);
|
| 213 |
+
};
|
| 214 |
+
LyteBox.prototype.updateLyteboxItems = function() {
|
| 215 |
+
var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('a') : document.getElementsByTagName('a');
|
| 216 |
+
for (var i = 0; i < anchors.length; i++) {
|
| 217 |
+
var anchor = anchors[i];
|
| 218 |
+
var relAttribute = String(anchor.getAttribute('rel'));
|
| 219 |
+
if (anchor.getAttribute('href')) {
|
| 220 |
+
if (relAttribute.toLowerCase().match('lytebox')) {
|
| 221 |
+
anchor.onclick = function () { myLytebox.start(this, false, false); return false; }
|
| 222 |
+
} else if (relAttribute.toLowerCase().match('lyteshow')) {
|
| 223 |
+
anchor.onclick = function () { myLytebox.start(this, true, false); return false; }
|
| 224 |
+
} else if (relAttribute.toLowerCase().match('lyteframe')) {
|
| 225 |
+
anchor.onclick = function () { myLytebox.start(this, false, true); return false; }
|
| 226 |
+
}
|
| 227 |
+
}
|
| 228 |
+
}
|
| 229 |
+
};
|
| 230 |
+
LyteBox.prototype.start = function(imageLink, doSlide, doFrame) {
|
| 231 |
+
if (this.ie && !this.ie7) { this.toggleSelects('hide'); }
|
| 232 |
+
if (this.hideFlash) { this.toggleFlash('hide'); }
|
| 233 |
+
this.isLyteframe = (doFrame ? true : false);
|
| 234 |
+
var pageSize = this.getPageSize();
|
| 235 |
+
var objOverlay = this.doc.getElementById('lbOverlay');
|
| 236 |
+
var objBody = this.doc.getElementsByTagName("body").item(0);
|
| 237 |
+
objOverlay.style.height = pageSize[1] + "px";
|
| 238 |
+
objOverlay.style.display = '';
|
| 239 |
+
this.appear('lbOverlay', (this.doAnimations ? 0 : this.maxOpacity));
|
| 240 |
+
var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('a') : document.getElementsByTagName('a');
|
| 241 |
+
if (this.isLyteframe) {
|
| 242 |
+
this.frameArray = [];
|
| 243 |
+
this.frameNum = 0;
|
| 244 |
+
if ((imageLink.getAttribute('rel') == 'lyteframe')) {
|
| 245 |
+
var rev = imageLink.getAttribute('rev');
|
| 246 |
+
this.frameArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title'), (rev == null || rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev)));
|
| 247 |
+
} else {
|
| 248 |
+
if (imageLink.getAttribute('rel').indexOf('lyteframe') != -1) {
|
| 249 |
+
for (var i = 0; i < anchors.length; i++) {
|
| 250 |
+
var anchor = anchors[i];
|
| 251 |
+
if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
|
| 252 |
+
var rev = anchor.getAttribute('rev');
|
| 253 |
+
this.frameArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title'), (rev == null || rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev)));
|
| 254 |
+
}
|
| 255 |
+
}
|
| 256 |
+
this.frameArray.removeDuplicates();
|
| 257 |
+
while(this.frameArray[this.frameNum][0] != imageLink.getAttribute('href')) { this.frameNum++; }
|
| 258 |
+
}
|
| 259 |
+
}
|
| 260 |
+
} else {
|
| 261 |
+
this.imageArray = [];
|
| 262 |
+
this.imageNum = 0;
|
| 263 |
+
this.slideArray = [];
|
| 264 |
+
this.slideNum = 0;
|
| 265 |
+
if ((imageLink.getAttribute('rel') == 'lytebox')) {
|
| 266 |
+
this.imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));
|
| 267 |
+
} else {
|
| 268 |
+
if (imageLink.getAttribute('rel').indexOf('lytebox') != -1) {
|
| 269 |
+
for (var i = 0; i < anchors.length; i++) {
|
| 270 |
+
var anchor = anchors[i];
|
| 271 |
+
if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
|
| 272 |
+
this.imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
|
| 273 |
+
}
|
| 274 |
+
}
|
| 275 |
+
this.imageArray.removeDuplicates();
|
| 276 |
+
while(this.imageArray[this.imageNum][0] != imageLink.getAttribute('href')) { this.imageNum++; }
|
| 277 |
+
}
|
| 278 |
+
if (imageLink.getAttribute('rel').indexOf('lyteshow') != -1) {
|
| 279 |
+
for (var i = 0; i < anchors.length; i++) {
|
| 280 |
+
var anchor = anchors[i];
|
| 281 |
+
if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
|
| 282 |
+
this.slideArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
|
| 283 |
+
}
|
| 284 |
+
}
|
| 285 |
+
this.slideArray.removeDuplicates();
|
| 286 |
+
while(this.slideArray[this.slideNum][0] != imageLink.getAttribute('href')) { this.slideNum++; }
|
| 287 |
+
}
|
| 288 |
+
}
|
| 289 |
+
}
|
| 290 |
+
var object = this.doc.getElementById('lbMain');
|
| 291 |
+
object.style.top = (this.getPageScroll() + (pageSize[3] / 15)) + "px";
|
| 292 |
+
object.style.display = '';
|
| 293 |
+
if (!this.outerBorder) {
|
| 294 |
+
this.doc.getElementById('lbOuterContainer').style.border = 'none';
|
| 295 |
+
this.doc.getElementById('lbDetailsContainer').style.border = 'none';
|
| 296 |
+
} else {
|
| 297 |
+
this.doc.getElementById('lbOuterContainer').style.borderBottom = '';
|
| 298 |
+
this.doc.getElementById('lbOuterContainer').setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 299 |
+
}
|
| 300 |
+
this.doc.getElementById('lbOverlay').onclick = function() { myLytebox.end(); return false; }
|
| 301 |
+
this.doc.getElementById('lbMain').onclick = function(e) {
|
| 302 |
+
var e = e;
|
| 303 |
+
if (!e) {
|
| 304 |
+
if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
|
| 305 |
+
e = window.parent.window.event;
|
| 306 |
+
} else {
|
| 307 |
+
e = window.event;
|
| 308 |
+
}
|
| 309 |
+
}
|
| 310 |
+
var id = (e.target ? e.target.id : e.srcElement.id);
|
| 311 |
+
if (id == 'lbMain') { myLytebox.end(); return false; }
|
| 312 |
+
}
|
| 313 |
+
this.doc.getElementById('lbClose').onclick = function() { myLytebox.end(); return false; }
|
| 314 |
+
this.doc.getElementById('lbPause').onclick = function() { myLytebox.togglePlayPause("lbPause", "lbPlay"); return false; }
|
| 315 |
+
this.doc.getElementById('lbPlay').onclick = function() { myLytebox.togglePlayPause("lbPlay", "lbPause"); return false; }
|
| 316 |
+
this.isSlideshow = doSlide;
|
| 317 |
+
this.isPaused = (this.slideNum != 0 ? true : false);
|
| 318 |
+
if (this.isSlideshow && this.showPlayPause && this.isPaused) {
|
| 319 |
+
this.doc.getElementById('lbPlay').style.display = '';
|
| 320 |
+
this.doc.getElementById('lbPause').style.display = 'none';
|
| 321 |
+
}
|
| 322 |
+
if (this.isLyteframe) {
|
| 323 |
+
this.changeContent(this.frameNum);
|
| 324 |
+
} else {
|
| 325 |
+
if (this.isSlideshow) {
|
| 326 |
+
this.changeContent(this.slideNum);
|
| 327 |
+
} else {
|
| 328 |
+
this.changeContent(this.imageNum);
|
| 329 |
+
}
|
| 330 |
+
}
|
| 331 |
+
};
|
| 332 |
+
LyteBox.prototype.changeContent = function(imageNum) {
|
| 333 |
+
if (this.isSlideshow) {
|
| 334 |
+
for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
|
| 335 |
+
}
|
| 336 |
+
this.activeImage = this.activeSlide = this.activeFrame = imageNum;
|
| 337 |
+
if (!this.outerBorder) {
|
| 338 |
+
this.doc.getElementById('lbOuterContainer').style.border = 'none';
|
| 339 |
+
this.doc.getElementById('lbDetailsContainer').style.border = 'none';
|
| 340 |
+
} else {
|
| 341 |
+
this.doc.getElementById('lbOuterContainer').style.borderBottom = '';
|
| 342 |
+
this.doc.getElementById('lbOuterContainer').setAttribute((this.ie ? 'className' : 'class'), this.theme);
|
| 343 |
+
}
|
| 344 |
+
this.doc.getElementById('lbLoading').style.display = '';
|
| 345 |
+
this.doc.getElementById('lbImage').style.display = 'none';
|
| 346 |
+
this.doc.getElementById('lbIframe').style.display = 'none';
|
| 347 |
+
this.doc.getElementById('lbPrev').style.display = 'none';
|
| 348 |
+
this.doc.getElementById('lbNext').style.display = 'none';
|
| 349 |
+
this.doc.getElementById('lbIframeContainer').style.display = 'none';
|
| 350 |
+
this.doc.getElementById('lbDetailsContainer').style.display = 'none';
|
| 351 |
+
this.doc.getElementById('lbNumberDisplay').style.display = 'none';
|
| 352 |
+
if (this.navType == 2 || this.isLyteframe) {
|
| 353 |
+
object = this.doc.getElementById('lbNavDisplay');
|
| 354 |
+
object.innerHTML = ' <span id="lbPrev2_Off" style="display: none;" class="' + this.theme + '">« prev</span><a href="#" id="lbPrev2" class="' + this.theme + '" style="display: none;">« prev</a> <b id="lbSpacer" class="' + this.theme + '">||</b> <span id="lbNext2_Off" style="display: none;" class="' + this.theme + '">next »</span><a href="#" id="lbNext2" class="' + this.theme + '" style="display: none;">next »</a>';
|
| 355 |
+
object.style.display = 'none';
|
| 356 |
+
}
|
| 357 |
+
if (this.isLyteframe) {
|
| 358 |
+
var iframe = myLytebox.doc.getElementById('lbIframe');
|
| 359 |
+
var styles = this.frameArray[this.activeFrame][2];
|
| 360 |
+
var aStyles = styles.split(';');
|
| 361 |
+
for (var i = 0; i < aStyles.length; i++) {
|
| 362 |
+
if (aStyles[i].indexOf('width:') >= 0) {
|
| 363 |
+
var w = aStyles[i].replace('width:', '');
|
| 364 |
+
iframe.width = w.trim();
|
| 365 |
+
} else if (aStyles[i].indexOf('height:') >= 0) {
|
| 366 |
+
var h = aStyles[i].replace('height:', '');
|
| 367 |
+
iframe.height = h.trim();
|
| 368 |
+
} else if (aStyles[i].indexOf('scrolling:') >= 0) {
|
| 369 |
+
var s = aStyles[i].replace('scrolling:', '');
|
| 370 |
+
iframe.scrolling = s.trim();
|
| 371 |
+
} else if (aStyles[i].indexOf('border:') >= 0) {
|
| 372 |
+
// Not implemented yet, as there are cross-platform issues with setting the border (from a GUI standpoint)
|
| 373 |
+
//var b = aStyles[i].replace('border:', '');
|
| 374 |
+
//iframe.style.border = b.trim();
|
| 375 |
+
}
|
| 376 |
+
}
|
| 377 |
+
this.resizeContainer(parseInt(iframe.width), parseInt(iframe.height));
|
| 378 |
+
} else {
|
| 379 |
+
imgPreloader = new Image();
|
| 380 |
+
imgPreloader.onload = function() {
|
| 381 |
+
var imageWidth = imgPreloader.width;
|
| 382 |
+
var imageHeight = imgPreloader.height;
|
| 383 |
+
if (myLytebox.autoResize) {
|
| 384 |
+
var pagesize = myLytebox.getPageSize();
|
| 385 |
+
var x = pagesize[2] - 150;
|
| 386 |
+
var y = pagesize[3] - 150;
|
| 387 |
+
if (imageWidth > x) {
|
| 388 |
+
imageHeight = Math.round(imageHeight * (x / imageWidth));
|
| 389 |
+
imageWidth = x;
|
| 390 |
+
if (imageHeight > y) {
|
| 391 |
+
imageWidth = Math.round(imageWidth * (y / imageHeight));
|
| 392 |
+
imageHeight = y;
|
| 393 |
+
}
|
| 394 |
+
} else if (imageHeight > y) {
|
| 395 |
+
imageWidth = Math.round(imageWidth * (y / imageHeight));
|
| 396 |
+
imageHeight = y;
|
| 397 |
+
if (imageWidth > x) {
|
| 398 |
+
imageHeight = Math.round(imageHeight * (x / imageWidth));
|
| 399 |
+
imageWidth = x;
|
| 400 |
+
}
|
| 401 |
+
}
|
| 402 |
+
}
|
| 403 |
+
var lbImage = myLytebox.doc.getElementById('lbImage')
|
| 404 |
+
lbImage.src = (myLytebox.isSlideshow ? myLytebox.slideArray[myLytebox.activeSlide][0] : myLytebox.imageArray[myLytebox.activeImage][0]);
|
| 405 |
+
lbImage.width = imageWidth;
|
| 406 |
+
lbImage.height = imageHeight;
|
| 407 |
+
myLytebox.resizeContainer(imageWidth, imageHeight);
|
| 408 |
+
imgPreloader.onload = function() {};
|
| 409 |
+
}
|
| 410 |
+
imgPreloader.src = (this.isSlideshow ? this.slideArray[this.activeSlide][0] : this.imageArray[this.activeImage][0]);
|
| 411 |
+
}
|
| 412 |
+
};
|
| 413 |
+
LyteBox.prototype.resizeContainer = function(imgWidth, imgHeight) {
|
| 414 |
+
this.wCur = this.doc.getElementById('lbOuterContainer').offsetWidth;
|
| 415 |
+
this.hCur = this.doc.getElementById('lbOuterContainer').offsetHeight;
|
| 416 |
+
this.xScale = ((imgWidth + (this.borderSize * 2)) / this.wCur) * 100;
|
| 417 |
+
this.yScale = ((imgHeight + (this.borderSize * 2)) / this.hCur) * 100;
|
| 418 |
+
var wDiff = (this.wCur - this.borderSize * 2) - imgWidth;
|
| 419 |
+
var hDiff = (this.hCur - this.borderSize * 2) - imgHeight;
|
| 420 |
+
if (!(hDiff == 0)) {
|
| 421 |
+
this.hDone = false;
|
| 422 |
+
this.resizeH('lbOuterContainer', this.hCur, imgHeight + this.borderSize*2, this.getPixelRate(this.hCur, imgHeight));
|
| 423 |
+
} else {
|
| 424 |
+
this.hDone = true;
|
| 425 |
+
}
|
| 426 |
+
if (!(wDiff == 0)) {
|
| 427 |
+
this.wDone = false;
|
| 428 |
+
this.resizeW('lbOuterContainer', this.wCur, imgWidth + this.borderSize*2, this.getPixelRate(this.wCur, imgWidth));
|
| 429 |
+
} else {
|
| 430 |
+
this.wDone = true;
|
| 431 |
+
}
|
| 432 |
+
if ((hDiff == 0) && (wDiff == 0)) {
|
| 433 |
+
if (this.ie){ this.pause(250); } else { this.pause(100); }
|
| 434 |
+
}
|
| 435 |
+
this.doc.getElementById('lbPrev').style.height = imgHeight + "px";
|
| 436 |
+
this.doc.getElementById('lbNext').style.height = imgHeight + "px";
|
| 437 |
+
this.doc.getElementById('lbDetailsContainer').style.width = (imgWidth + (this.borderSize * 2) + (this.ie && this.doc.compatMode == "BackCompat" && this.outerBorder ? 2 : 0)) + "px";
|
| 438 |
+
this.showContent();
|
| 439 |
+
};
|
| 440 |
+
LyteBox.prototype.showContent = function() {
|
| 441 |
+
if (this.wDone && this.hDone) {
|
| 442 |
+
for (var i = 0; i < this.showContentTimerCount; i++) { window.clearTimeout(this.showContentTimerArray[i]); }
|
| 443 |
+
if (this.outerBorder) {
|
| 444 |
+
this.doc.getElementById('lbOuterContainer').style.borderBottom = 'none';
|
| 445 |
+
}
|
| 446 |
+
this.doc.getElementById('lbLoading').style.display = 'none';
|
| 447 |
+
if (this.isLyteframe) {
|
| 448 |
+
this.doc.getElementById('lbIframe').style.display = '';
|
| 449 |
+
this.appear('lbIframe', (this.doAnimations ? 0 : 100));
|
| 450 |
+
} else {
|
| 451 |
+
this.doc.getElementById('lbImage').style.display = '';
|
| 452 |
+
this.appear('lbImage', (this.doAnimations ? 0 : 100));
|
| 453 |
+
this.preloadNeighborImages();
|
| 454 |
+
}
|
| 455 |
+
if (this.isSlideshow) {
|
| 456 |
+
if(this.activeSlide == (this.slideArray.length - 1)) {
|
| 457 |
+
if (this.autoEnd) {
|
| 458 |
+
this.slideshowIDArray[this.slideshowIDCount++] = setTimeout("myLytebox.end('slideshow')", this.slideInterval);
|
| 459 |
+
}
|
| 460 |
+
} else {
|
| 461 |
+
if (!this.isPaused) {
|
| 462 |
+
this.slideshowIDArray[this.slideshowIDCount++] = setTimeout("myLytebox.changeContent("+(this.activeSlide+1)+")", this.slideInterval);
|
| 463 |
+
}
|
| 464 |
+
}
|
| 465 |
+
this.doc.getElementById('lbHoverNav').style.display = (this.showNavigation && this.navType == 1 ? '' : 'none');
|
| 466 |
+
this.doc.getElementById('lbClose').style.display = (this.showClose ? '' : 'none');
|
| 467 |
+
this.doc.getElementById('lbDetails').style.display = (this.showDetails ? '' : 'none');
|
| 468 |
+
this.doc.getElementById('lbPause').style.display = (this.showPlayPause && !this.isPaused ? '' : 'none');
|
| 469 |
+
this.doc.getElementById('lbPlay').style.display = (this.showPlayPause && !this.isPaused ? 'none' : '');
|
| 470 |
+
this.doc.getElementById('lbNavDisplay').style.display = (this.showNavigation && this.navType == 2 ? '' : 'none');
|
| 471 |
+
} else {
|
| 472 |
+
this.doc.getElementById('lbHoverNav').style.display = (this.navType == 1 && !this.isLyteframe ? '' : 'none');
|
| 473 |
+
if ((this.navType == 2 && !this.isLyteframe && this.imageArray.length > 1) || (this.frameArray.length > 1 && this.isLyteframe)) {
|
| 474 |
+
this.doc.getElementById('lbNavDisplay').style.display = '';
|
| 475 |
+
} else {
|
| 476 |
+
this.doc.getElementById('lbNavDisplay').style.display = 'none';
|
| 477 |
+
}
|
| 478 |
+
this.doc.getElementById('lbClose').style.display = '';
|
| 479 |
+
this.doc.getElementById('lbDetails').style.display = '';
|
| 480 |
+
this.doc.getElementById('lbPause').style.display = 'none';
|
| 481 |
+
this.doc.getElementById('lbPlay').style.display = 'none';
|
| 482 |
+
}
|
| 483 |
+
this.doc.getElementById('lbImageContainer').style.display = (this.isLyteframe ? 'none' : '');
|
| 484 |
+
this.doc.getElementById('lbIframeContainer').style.display = (this.isLyteframe ? '' : 'none');
|
| 485 |
+
try {
|
| 486 |
+
this.doc.getElementById('lbIframe').src = this.frameArray[this.activeFrame][0];
|
| 487 |
+
} catch(e) { }
|
| 488 |
+
} else {
|
| 489 |
+
this.showContentTimerArray[this.showContentTimerCount++] = setTimeout("myLytebox.showContent()", 200);
|
| 490 |
+
}
|
| 491 |
+
};
|
| 492 |
+
LyteBox.prototype.updateDetails = function() {
|
| 493 |
+
var object = this.doc.getElementById('lbCaption');
|
| 494 |
+
var sTitle = (this.isSlideshow ? this.slideArray[this.activeSlide][1] : (this.isLyteframe ? this.frameArray[this.activeFrame][1] : this.imageArray[this.activeImage][1]));
|
| 495 |
+
object.style.display = '';
|
| 496 |
+
object.innerHTML = (sTitle == null ? '' : sTitle);
|
| 497 |
+
this.updateNav();
|
| 498 |
+
this.doc.getElementById('lbDetailsContainer').style.display = '';
|
| 499 |
+
object = this.doc.getElementById('lbNumberDisplay');
|
| 500 |
+
if (this.isSlideshow && this.slideArray.length > 1) {
|
| 501 |
+
object.style.display = '';
|
| 502 |
+
object.innerHTML = this.labelImage + eval(this.activeSlide + 1) + this.labelOf + this.slideArray.length;
|
| 503 |
+
this.doc.getElementById('lbNavDisplay').style.display = (this.navType == 2 && this.showNavigation ? '' : 'none');
|
| 504 |
+
} else if (this.imageArray.length > 1 && !this.isLyteframe) {
|
| 505 |
+
object.style.display = '';
|
| 506 |
+
object.innerHTML = this.labelImage + eval(this.activeImage + 1) + this.labelOf + this.imageArray.length;
|
| 507 |
+
this.doc.getElementById('lbNavDisplay').style.display = (this.navType == 2 ? '' : 'none');
|
| 508 |
+
} else if (this.frameArray.length > 1 && this.isLyteframe) {
|
| 509 |
+
object.style.display = '';
|
| 510 |
+
object.innerHTML = "Page " + eval(this.activeFrame + 1) + this.labelOf + this.frameArray.length;
|
| 511 |
+
this.doc.getElementById('lbNavDisplay').style.display = '';
|
| 512 |
+
} else {
|
| 513 |
+
this.doc.getElementById('lbNavDisplay').style.display = 'none';
|
| 514 |
+
}
|
| 515 |
+
this.appear('lbDetailsContainer', (this.doAnimations ? 0 : 100));
|
| 516 |
+
};
|
| 517 |
+
LyteBox.prototype.updateNav = function() {
|
| 518 |
+
if (this.isSlideshow) {
|
| 519 |
+
if (this.activeSlide != 0) {
|
| 520 |
+
var object = (this.navType == 2 ? this.doc.getElementById('lbPrev2') : this.doc.getElementById('lbPrev'));
|
| 521 |
+
object.style.display = '';
|
| 522 |
+
object.onclick = function() {
|
| 523 |
+
if (myLytebox.pauseOnPrevClick) { myLytebox.togglePlayPause("lbPause", "lbPlay"); }
|
| 524 |
+
myLytebox.changeContent(myLytebox.activeSlide - 1); return false;
|
| 525 |
+
}
|
| 526 |
+
} else {
|
| 527 |
+
if (this.navType == 2) { this.doc.getElementById('lbPrev2_Off').style.display = ''; }
|
| 528 |
+
}
|
| 529 |
+
if (this.activeSlide != (this.slideArray.length - 1)) {
|
| 530 |
+
var object = (this.navType == 2 ? this.doc.getElementById('lbNext2') : this.doc.getElementById('lbNext'));
|
| 531 |
+
object.style.display = '';
|
| 532 |
+
object.onclick = function() {
|
| 533 |
+
if (myLytebox.pauseOnNextClick) { myLytebox.togglePlayPause("lbPause", "lbPlay"); }
|
| 534 |
+
myLytebox.changeContent(myLytebox.activeSlide + 1); return false;
|
| 535 |
+
}
|
| 536 |
+
} else {
|
| 537 |
+
if (this.navType == 2) { this.doc.getElementById('lbNext2_Off').style.display = ''; }
|
| 538 |
+
}
|
| 539 |
+
} else if (this.isLyteframe) {
|
| 540 |
+
if(this.activeFrame != 0) {
|
| 541 |
+
var object = this.doc.getElementById('lbPrev2');
|
| 542 |
+
object.style.display = '';
|
| 543 |
+
object.onclick = function() {
|
| 544 |
+
myLytebox.changeContent(myLytebox.activeFrame - 1); return false;
|
| 545 |
+
}
|
| 546 |
+
} else {
|
| 547 |
+
this.doc.getElementById('lbPrev2_Off').style.display = '';
|
| 548 |
+
}
|
| 549 |
+
if(this.activeFrame != (this.frameArray.length - 1)) {
|
| 550 |
+
var object = this.doc.getElementById('lbNext2');
|
| 551 |
+
object.style.display = '';
|
| 552 |
+
object.onclick = function() {
|
| 553 |
+
myLytebox.changeContent(myLytebox.activeFrame + 1); return false;
|
| 554 |
+
}
|
| 555 |
+
} else {
|
| 556 |
+
this.doc.getElementById('lbNext2_Off').style.display = '';
|
| 557 |
+
}
|
| 558 |
+
} else {
|
| 559 |
+
if(this.activeImage != 0) {
|
| 560 |
+
var object = (this.navType == 2 ? this.doc.getElementById('lbPrev2') : this.doc.getElementById('lbPrev'));
|
| 561 |
+
object.style.display = '';
|
| 562 |
+
object.onclick = function() {
|
| 563 |
+
myLytebox.changeContent(myLytebox.activeImage - 1); return false;
|
| 564 |
+
}
|
| 565 |
+
} else {
|
| 566 |
+
if (this.navType == 2) { this.doc.getElementById('lbPrev2_Off').style.display = ''; }
|
| 567 |
+
}
|
| 568 |
+
if(this.activeImage != (this.imageArray.length - 1)) {
|
| 569 |
+
var object = (this.navType == 2 ? this.doc.getElementById('lbNext2') : this.doc.getElementById('lbNext'));
|
| 570 |
+
object.style.display = '';
|
| 571 |
+
object.onclick = function() {
|
| 572 |
+
myLytebox.changeContent(myLytebox.activeImage + 1); return false;
|
| 573 |
+
}
|
| 574 |
+
} else {
|
| 575 |
+
if (this.navType == 2) { this.doc.getElementById('lbNext2_Off').style.display = ''; }
|
| 576 |
+
}
|
| 577 |
+
}
|
| 578 |
+
this.enableKeyboardNav();
|
| 579 |
+
};
|
| 580 |
+
LyteBox.prototype.enableKeyboardNav = function() { document.onkeydown = this.keyboardAction; };
|
| 581 |
+
LyteBox.prototype.disableKeyboardNav = function() { document.onkeydown = ''; };
|
| 582 |
+
LyteBox.prototype.keyboardAction = function(e) {
|
| 583 |
+
var keycode = key = escape = null;
|
| 584 |
+
keycode = (e == null) ? event.keyCode : e.which;
|
| 585 |
+
key = String.fromCharCode(keycode).toLowerCase();
|
| 586 |
+
escape = (e == null) ? 27 : e.DOM_VK_ESCAPE;
|
| 587 |
+
if ((key == 'x') || (key == 'c') || (keycode == escape)) {
|
| 588 |
+
myLytebox.end();
|
| 589 |
+
} else if ((key == 'p') || (keycode == 37)) {
|
| 590 |
+
if (myLytebox.isSlideshow) {
|
| 591 |
+
if(myLytebox.activeSlide != 0) {
|
| 592 |
+
myLytebox.disableKeyboardNav();
|
| 593 |
+
myLytebox.changeContent(myLytebox.activeSlide - 1);
|
| 594 |
+
}
|
| 595 |
+
} else if (myLytebox.isLyteframe) {
|
| 596 |
+
if(myLytebox.activeFrame != 0) {
|
| 597 |
+
myLytebox.disableKeyboardNav();
|
| 598 |
+
myLytebox.changeContent(myLytebox.activeFrame - 1);
|
| 599 |
+
}
|
| 600 |
+
} else {
|
| 601 |
+
if(myLytebox.activeImage != 0) {
|
| 602 |
+
myLytebox.disableKeyboardNav();
|
| 603 |
+
myLytebox.changeContent(myLytebox.activeImage - 1);
|
| 604 |
+
}
|
| 605 |
+
}
|
| 606 |
+
} else if ((key == 'n') || (keycode == 39)) {
|
| 607 |
+
if (myLytebox.isSlideshow) {
|
| 608 |
+
if(myLytebox.activeSlide != (myLytebox.slideArray.length - 1)) {
|
| 609 |
+
myLytebox.disableKeyboardNav();
|
| 610 |
+
myLytebox.changeContent(myLytebox.activeSlide + 1);
|
| 611 |
+
}
|
| 612 |
+
} else if (myLytebox.isLyteframe) {
|
| 613 |
+
if(myLytebox.activeFrame != (myLytebox.frameArray.length - 1)) {
|
| 614 |
+
myLytebox.disableKeyboardNav();
|
| 615 |
+
myLytebox.changeContent(myLytebox.activeFrame + 1);
|
| 616 |
+
}
|
| 617 |
+
} else {
|
| 618 |
+
if(myLytebox.activeImage != (myLytebox.imageArray.length - 1)) {
|
| 619 |
+
myLytebox.disableKeyboardNav();
|
| 620 |
+
myLytebox.changeContent(myLytebox.activeImage + 1);
|
| 621 |
+
}
|
| 622 |
+
}
|
| 623 |
+
}
|
| 624 |
+
};
|
| 625 |
+
LyteBox.prototype.preloadNeighborImages = function() {
|
| 626 |
+
if (this.isSlideshow) {
|
| 627 |
+
if ((this.slideArray.length - 1) > this.activeSlide) {
|
| 628 |
+
preloadNextImage = new Image();
|
| 629 |
+
preloadNextImage.src = this.slideArray[this.activeSlide + 1][0];
|
| 630 |
+
}
|
| 631 |
+
if(this.activeSlide > 0) {
|
| 632 |
+
preloadPrevImage = new Image();
|
| 633 |
+
preloadPrevImage.src = this.slideArray[this.activeSlide - 1][0];
|
| 634 |
+
}
|
| 635 |
+
} else {
|
| 636 |
+
if ((this.imageArray.length - 1) > this.activeImage) {
|
| 637 |
+
preloadNextImage = new Image();
|
| 638 |
+
preloadNextImage.src = this.imageArray[this.activeImage + 1][0];
|
| 639 |
+
}
|
| 640 |
+
if(this.activeImage > 0) {
|
| 641 |
+
preloadPrevImage = new Image();
|
| 642 |
+
preloadPrevImage.src = this.imageArray[this.activeImage - 1][0];
|
| 643 |
+
}
|
| 644 |
+
}
|
| 645 |
+
};
|
| 646 |
+
LyteBox.prototype.togglePlayPause = function(hideID, showID) {
|
| 647 |
+
if (this.isSlideshow && hideID == "lbPause") {
|
| 648 |
+
for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
|
| 649 |
+
}
|
| 650 |
+
this.doc.getElementById(hideID).style.display = 'none';
|
| 651 |
+
this.doc.getElementById(showID).style.display = '';
|
| 652 |
+
if (hideID == "lbPlay") {
|
| 653 |
+
this.isPaused = false;
|
| 654 |
+
if (this.activeSlide == (this.slideArray.length - 1)) {
|
| 655 |
+
this.end();
|
| 656 |
+
} else {
|
| 657 |
+
this.changeContent(this.activeSlide + 1);
|
| 658 |
+
}
|
| 659 |
+
} else {
|
| 660 |
+
this.isPaused = true;
|
| 661 |
+
}
|
| 662 |
+
};
|
| 663 |
+
LyteBox.prototype.end = function(caller) {
|
| 664 |
+
var closeClick = (caller == 'slideshow' ? false : true);
|
| 665 |
+
if (this.isSlideshow && this.isPaused && !closeClick) { return; }
|
| 666 |
+
this.disableKeyboardNav();
|
| 667 |
+
this.doc.getElementById('lbMain').style.display = 'none';
|
| 668 |
+
this.fade('lbOverlay', (this.doAnimations ? this.maxOpacity : 0));
|
| 669 |
+
this.toggleSelects('visible');
|
| 670 |
+
if (this.hideFlash) { this.toggleFlash('visible'); }
|
| 671 |
+
if (this.isSlideshow) {
|
| 672 |
+
for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
|
| 673 |
+
}
|
| 674 |
+
if (this.isLyteframe) {
|
| 675 |
+
this.initialize();
|
| 676 |
+
}
|
| 677 |
+
};
|
| 678 |
+
LyteBox.prototype.checkFrame = function() {
|
| 679 |
+
|
| 680 |
+
this.isFrame = false;
|
| 681 |
+
this.lytebox = "myLytebox";
|
| 682 |
+
this.doc = document;
|
| 683 |
+
return;
|
| 684 |
+
/*
|
| 685 |
+
if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
|
| 686 |
+
this.isFrame = true;
|
| 687 |
+
this.lytebox = "window.parent." + window.name + ".myLytebox";
|
| 688 |
+
this.doc = parent.document;
|
| 689 |
+
} else {
|
| 690 |
+
this.isFrame = false;
|
| 691 |
+
this.lytebox = "myLytebox";
|
| 692 |
+
this.doc = document;
|
| 693 |
+
}*/
|
| 694 |
+
};
|
| 695 |
+
LyteBox.prototype.getPixelRate = function(cur, img) {
|
| 696 |
+
var diff = (img > cur) ? img - cur : cur - img;
|
| 697 |
+
if (diff >= 0 && diff <= 100) { return 10; }
|
| 698 |
+
if (diff > 100 && diff <= 200) { return 15; }
|
| 699 |
+
if (diff > 200 && diff <= 300) { return 20; }
|
| 700 |
+
if (diff > 300 && diff <= 400) { return 25; }
|
| 701 |
+
if (diff > 400 && diff <= 500) { return 30; }
|
| 702 |
+
if (diff > 500 && diff <= 600) { return 35; }
|
| 703 |
+
if (diff > 600 && diff <= 700) { return 40; }
|
| 704 |
+
if (diff > 700) { return 45; }
|
| 705 |
+
};
|
| 706 |
+
LyteBox.prototype.appear = function(id, opacity) {
|
| 707 |
+
var object = this.doc.getElementById(id).style;
|
| 708 |
+
object.opacity = (opacity / 100);
|
| 709 |
+
object.MozOpacity = (opacity / 100);
|
| 710 |
+
object.KhtmlOpacity = (opacity / 100);
|
| 711 |
+
object.filter = "alpha(opacity=" + (opacity + 10) + ")";
|
| 712 |
+
if (opacity == 100 && (id == 'lbImage' || id == 'lbIframe')) {
|
| 713 |
+
try { object.removeAttribute("filter"); } catch(e) {} /* Fix added for IE Alpha Opacity Filter bug. */
|
| 714 |
+
this.updateDetails();
|
| 715 |
+
} else if (opacity >= this.maxOpacity && id == 'lbOverlay') {
|
| 716 |
+
for (var i = 0; i < this.overlayTimerCount; i++) { window.clearTimeout(this.overlayTimerArray[i]); }
|
| 717 |
+
return;
|
| 718 |
+
} else if (opacity >= 100 && id == 'lbDetailsContainer') {
|
| 719 |
+
try { object.removeAttribute("filter"); } catch(e) {} /* Fix added for IE Alpha Opacity Filter bug. */
|
| 720 |
+
for (var i = 0; i < this.imageTimerCount; i++) { window.clearTimeout(this.imageTimerArray[i]); }
|
| 721 |
+
this.doc.getElementById('lbOverlay').style.height = this.getPageSize()[1] + "px";
|
| 722 |
+
} else {
|
| 723 |
+
if (id == 'lbOverlay') {
|
| 724 |
+
this.overlayTimerArray[this.overlayTimerCount++] = setTimeout("myLytebox.appear('" + id + "', " + (opacity+20) + ")", 1);
|
| 725 |
+
} else {
|
| 726 |
+
this.imageTimerArray[this.imageTimerCount++] = setTimeout("myLytebox.appear('" + id + "', " + (opacity+10) + ")", 1);
|
| 727 |
+
}
|
| 728 |
+
}
|
| 729 |
+
};
|
| 730 |
+
LyteBox.prototype.fade = function(id, opacity) {
|
| 731 |
+
var object = this.doc.getElementById(id).style;
|
| 732 |
+
object.opacity = (opacity / 100);
|
| 733 |
+
object.MozOpacity = (opacity / 100);
|
| 734 |
+
object.KhtmlOpacity = (opacity / 100);
|
| 735 |
+
object.filter = "alpha(opacity=" + opacity + ")";
|
| 736 |
+
if (opacity <= 0) {
|
| 737 |
+
try {
|
| 738 |
+
object.display = 'none';
|
| 739 |
+
} catch(err) { }
|
| 740 |
+
} else if (id == 'lbOverlay') {
|
| 741 |
+
this.overlayTimerArray[this.overlayTimerCount++] = setTimeout("myLytebox.fade('" + id + "', " + (opacity-20) + ")", 1);
|
| 742 |
+
} else {
|
| 743 |
+
this.timerIDArray[this.timerIDCount++] = setTimeout("myLytebox.fade('" + id + "', " + (opacity-10) + ")", 1);
|
| 744 |
+
}
|
| 745 |
+
};
|
| 746 |
+
LyteBox.prototype.resizeW = function(id, curW, maxW, pixelrate, speed) {
|
| 747 |
+
if (!this.hDone) {
|
| 748 |
+
this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout("myLytebox.resizeW('" + id + "', " + curW + ", " + maxW + ", " + pixelrate + ")", 100);
|
| 749 |
+
return;
|
| 750 |
+
}
|
| 751 |
+
var object = this.doc.getElementById(id);
|
| 752 |
+
var timer = speed ? speed : (this.resizeDuration/2);
|
| 753 |
+
var newW = (this.doAnimations ? curW : maxW);
|
| 754 |
+
object.style.width = (newW) + "px";
|
| 755 |
+
if (newW < maxW) {
|
| 756 |
+
newW += (newW + pixelrate >= maxW) ? (maxW - newW) : pixelrate;
|
| 757 |
+
} else if (newW > maxW) {
|
| 758 |
+
newW -= (newW - pixelrate <= maxW) ? (newW - maxW) : pixelrate;
|
| 759 |
+
}
|
| 760 |
+
this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout("myLytebox.resizeW('" + id + "', " + newW + ", " + maxW + ", " + pixelrate + ", " + (timer+0.02) + ")", timer+0.02);
|
| 761 |
+
if (parseInt(object.style.width) == maxW) {
|
| 762 |
+
this.wDone = true;
|
| 763 |
+
for (var i = 0; i < this.resizeWTimerCount; i++) { window.clearTimeout(this.resizeWTimerArray[i]); }
|
| 764 |
+
}
|
| 765 |
+
};
|
| 766 |
+
LyteBox.prototype.resizeH = function(id, curH, maxH, pixelrate, speed) {
|
| 767 |
+
var timer = speed ? speed : (this.resizeDuration/2);
|
| 768 |
+
var object = this.doc.getElementById(id);
|
| 769 |
+
var newH = (this.doAnimations ? curH : maxH);
|
| 770 |
+
object.style.height = (newH) + "px";
|
| 771 |
+
if (newH < maxH) {
|
| 772 |
+
newH += (newH + pixelrate >= maxH) ? (maxH - newH) : pixelrate;
|
| 773 |
+
} else if (newH > maxH) {
|
| 774 |
+
newH -= (newH - pixelrate <= maxH) ? (newH - maxH) : pixelrate;
|
| 775 |
+
}
|
| 776 |
+
this.resizeHTimerArray[this.resizeHTimerCount++] = setTimeout("myLytebox.resizeH('" + id + "', " + newH + ", " + maxH + ", " + pixelrate + ", " + (timer+.02) + ")", timer+.02);
|
| 777 |
+
if (parseInt(object.style.height) == maxH) {
|
| 778 |
+
this.hDone = true;
|
| 779 |
+
for (var i = 0; i < this.resizeHTimerCount; i++) { window.clearTimeout(this.resizeHTimerArray[i]); }
|
| 780 |
+
}
|
| 781 |
+
};
|
| 782 |
+
LyteBox.prototype.getPageScroll = function() {
|
| 783 |
+
if (self.pageYOffset) {
|
| 784 |
+
return this.isFrame ? parent.pageYOffset : self.pageYOffset;
|
| 785 |
+
} else if (this.doc.documentElement && this.doc.documentElement.scrollTop){
|
| 786 |
+
return this.doc.documentElement.scrollTop;
|
| 787 |
+
} else if (document.body) {
|
| 788 |
+
return this.doc.body.scrollTop;
|
| 789 |
+
}
|
| 790 |
+
};
|
| 791 |
+
LyteBox.prototype.getPageSize = function() {
|
| 792 |
+
var xScroll, yScroll, windowWidth, windowHeight;
|
| 793 |
+
if (window.innerHeight && window.scrollMaxY) {
|
| 794 |
+
xScroll = this.doc.scrollWidth;
|
| 795 |
+
yScroll = (this.isFrame ? parent.innerHeight : self.innerHeight) + (this.isFrame ? parent.scrollMaxY : self.scrollMaxY);
|
| 796 |
+
} else if (this.doc.body.scrollHeight > this.doc.body.offsetHeight){
|
| 797 |
+
xScroll = this.doc.body.scrollWidth;
|
| 798 |
+
yScroll = this.doc.body.scrollHeight;
|
| 799 |
+
} else {
|
| 800 |
+
xScroll = this.doc.getElementsByTagName("html").item(0).offsetWidth;
|
| 801 |
+
yScroll = this.doc.getElementsByTagName("html").item(0).offsetHeight;
|
| 802 |
+
xScroll = (xScroll < this.doc.body.offsetWidth) ? this.doc.body.offsetWidth : xScroll;
|
| 803 |
+
yScroll = (yScroll < this.doc.body.offsetHeight) ? this.doc.body.offsetHeight : yScroll;
|
| 804 |
+
}
|
| 805 |
+
if (self.innerHeight) {
|
| 806 |
+
windowWidth = (this.isFrame) ? parent.innerWidth : self.innerWidth;
|
| 807 |
+
windowHeight = (this.isFrame) ? parent.innerHeight : self.innerHeight;
|
| 808 |
+
} else if (document.documentElement && document.documentElement.clientHeight) {
|
| 809 |
+
windowWidth = this.doc.documentElement.clientWidth;
|
| 810 |
+
windowHeight = this.doc.documentElement.clientHeight;
|
| 811 |
+
} else if (document.body) {
|
| 812 |
+
windowWidth = this.doc.getElementsByTagName("html").item(0).clientWidth;
|
| 813 |
+
windowHeight = this.doc.getElementsByTagName("html").item(0).clientHeight;
|
| 814 |
+
windowWidth = (windowWidth == 0) ? this.doc.body.clientWidth : windowWidth;
|
| 815 |
+
windowHeight = (windowHeight == 0) ? this.doc.body.clientHeight : windowHeight;
|
| 816 |
+
}
|
| 817 |
+
var pageHeight = (yScroll < windowHeight) ? windowHeight : yScroll;
|
| 818 |
+
var pageWidth = (xScroll < windowWidth) ? windowWidth : xScroll;
|
| 819 |
+
return new Array(pageWidth, pageHeight, windowWidth, windowHeight);
|
| 820 |
+
};
|
| 821 |
+
LyteBox.prototype.toggleFlash = function(state) {
|
| 822 |
+
var objects = this.doc.getElementsByTagName("object");
|
| 823 |
+
for (var i = 0; i < objects.length; i++) {
|
| 824 |
+
objects[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
|
| 825 |
+
}
|
| 826 |
+
var embeds = this.doc.getElementsByTagName("embed");
|
| 827 |
+
for (var i = 0; i < embeds.length; i++) {
|
| 828 |
+
embeds[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
|
| 829 |
+
}
|
| 830 |
+
if (this.isFrame) {
|
| 831 |
+
for (var i = 0; i < parent.frames.length; i++) {
|
| 832 |
+
try {
|
| 833 |
+
objects = parent.frames[i].window.document.getElementsByTagName("object");
|
| 834 |
+
for (var j = 0; j < objects.length; j++) {
|
| 835 |
+
objects[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
|
| 836 |
+
}
|
| 837 |
+
} catch(e) { }
|
| 838 |
+
try {
|
| 839 |
+
embeds = parent.frames[i].window.document.getElementsByTagName("embed");
|
| 840 |
+
for (var j = 0; j < embeds.length; j++) {
|
| 841 |
+
embeds[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
|
| 842 |
+
}
|
| 843 |
+
} catch(e) { }
|
| 844 |
+
}
|
| 845 |
+
}
|
| 846 |
+
};
|
| 847 |
+
LyteBox.prototype.toggleSelects = function(state) {
|
| 848 |
+
var selects = this.doc.getElementsByTagName("select");
|
| 849 |
+
for (var i = 0; i < selects.length; i++ ) {
|
| 850 |
+
selects[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
|
| 851 |
+
}
|
| 852 |
+
if (this.isFrame) {
|
| 853 |
+
for (var i = 0; i < parent.frames.length; i++) {
|
| 854 |
+
try {
|
| 855 |
+
selects = parent.frames[i].window.document.getElementsByTagName("select");
|
| 856 |
+
for (var j = 0; j < selects.length; j++) {
|
| 857 |
+
selects[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
|
| 858 |
+
}
|
| 859 |
+
} catch(e) { }
|
| 860 |
+
}
|
| 861 |
+
}
|
| 862 |
+
};
|
| 863 |
+
LyteBox.prototype.pause = function(numberMillis) {
|
| 864 |
+
var now = new Date();
|
| 865 |
+
var exitTime = now.getTime() + numberMillis;
|
| 866 |
+
while (true) {
|
| 867 |
+
now = new Date();
|
| 868 |
+
if (now.getTime() > exitTime) { return; }
|
| 869 |
+
}
|
| 870 |
+
};
|
| 871 |
+
|
| 872 |
+
|
| 873 |
+
function IEVersionDocMode(){
|
| 874 |
+
var _n=navigator,_w=window,_d=document;
|
| 875 |
+
var version="NA";
|
| 876 |
+
var na=_n.userAgent;
|
| 877 |
+
var ieDocMode="NA";
|
| 878 |
+
var ie8BrowserMode="NA";
|
| 879 |
+
// Look for msie and make sure its not opera in disguise
|
| 880 |
+
if(/msie/i.test(na) && (!_w.opera)){
|
| 881 |
+
// also check for spoofers by checking known IE objects
|
| 882 |
+
if(_w.attachEvent && _w.ActiveXObject){
|
| 883 |
+
// Get version displayed in UA although if its IE 8 running in 7 or compat mode it will appear as 7
|
| 884 |
+
version = (na.match( /.+ie\s([\d.]+)/i ) || [])[1];
|
| 885 |
+
// Its IE 8 pretending to be IE 7 or in compat mode
|
| 886 |
+
if(parseInt(version)==7){
|
| 887 |
+
// documentMode is only supported in IE 8 so we know if its here its really IE 8
|
| 888 |
+
if(_d.documentMode){
|
| 889 |
+
version = 8; //reset? change if you need to
|
| 890 |
+
// IE in Compat mode will mention Trident in the useragent
|
| 891 |
+
if(/trident\/\d/i.test(na)){
|
| 892 |
+
ie8BrowserMode = "Compat Mode";
|
| 893 |
+
// if it doesn't then its running in IE 7 mode
|
| 894 |
+
}else{
|
| 895 |
+
ie8BrowserMode = "IE 7 Mode";
|
| 896 |
+
}
|
| 897 |
+
}
|
| 898 |
+
}else if(parseInt(version)==8){
|
| 899 |
+
// IE 8 will always have documentMode available
|
| 900 |
+
if(_d.documentMode){ ie8BrowserMode = "IE 8 Mode";}
|
| 901 |
+
}
|
| 902 |
+
// If we are in IE 8 (any mode) or previous versions of IE we check for the documentMode or compatMode for pre 8 versions
|
| 903 |
+
ieDocMode = (_d.documentMode) ? _d.documentMode : (_d.compatMode && _d.compatMode=="CSS1Compat") ? 7 : 5;//default to quirks mode IE5
|
| 904 |
+
}
|
| 905 |
+
}
|
| 906 |
+
|
| 907 |
+
return {
|
| 908 |
+
"UserAgent" : na,
|
| 909 |
+
"Version" : version,
|
| 910 |
+
"BrowserMode" : ie8BrowserMode,
|
| 911 |
+
"DocMode": ieDocMode
|
| 912 |
+
}
|
| 913 |
+
}
|
| 914 |
+
/*
|
| 915 |
+
if (window.addEventListener) {
|
| 916 |
+
window.addEventListener("load",initLytebox,false);
|
| 917 |
+
} else if (window.attachEvent) {
|
| 918 |
+
window.attachEvent("onload",initLytebox);
|
| 919 |
+
} else {
|
| 920 |
+
window.onload = function() {initLytebox();}
|
| 921 |
+
}
|
| 922 |
+
*/
|
| 923 |
/*function initLytebox() { myLytebox = new LyteBox(); }*/
|
package.xml
CHANGED
|
@@ -1,20 +1,18 @@
|
|
| 1 |
<?xml version="1.0"?>
|
| 2 |
<package>
|
| 3 |
<name>ET_Lytebox</name>
|
| 4 |
-
<version>0.
|
| 5 |
<stability>stable</stability>
|
| 6 |
-
<license uri="http://
|
| 7 |
<channel>community</channel>
|
| 8 |
<extends/>
|
| 9 |
-
<summary>
|
| 10 |
-
<description>
|
| 11 |
-
* Replaces default popup window on product view page
|
| 12 |
-
* Adds possibility to use Lytebox on CMS pages</description>
|
| 13 |
<notes>stable release</notes>
|
| 14 |
-
<authors><author><name>Jurij</name><user>
|
| 15 |
-
<date>
|
| 16 |
-
<time>
|
| 17 |
-
<contents><target name="
|
| 18 |
<compatible/>
|
| 19 |
-
<dependencies
|
| 20 |
</package>
|
| 1 |
<?xml version="1.0"?>
|
| 2 |
<package>
|
| 3 |
<name>ET_Lytebox</name>
|
| 4 |
+
<version>1.0.0</version>
|
| 5 |
<stability>stable</stability>
|
| 6 |
+
<license uri="http://shop.etwebsolutions.com/eng/etws-license-free-v1">ETWS Free License (EFL1)</license>
|
| 7 |
<channel>community</channel>
|
| 8 |
<extends/>
|
| 9 |
+
<summary>Extension adds Lytebox image viewer integration to Magento</summary>
|
| 10 |
+
<description>Lytebox extension replaces standard product image viewer with Lytebox (v3.22). It is also possible to use it to view images on CMS pages.</description>
|
|
|
|
|
|
|
| 11 |
<notes>stable release</notes>
|
| 12 |
+
<authors><author><name>Jurij</name><user>niro</user><email>support@etwebsolutions.com</email></author><author><name>Andrej</name><user>zlojd</user><email>support@etwebsolutions.com</email></author></authors>
|
| 13 |
+
<date>2012-12-17</date>
|
| 14 |
+
<time>13:20:17</time>
|
| 15 |
+
<contents><target name="magecommunity"><dir name="ET"><dir name="Lytebox"><dir name="Block"><dir name="Adminhtml"><file name="Support.php" hash="bf5aa3b87f95a4dc911c9f4e0ad501ca"/></dir></dir><dir name="Helper"><file name="Data.php" hash="ed0260ccffdddffee1da848be7281131"/></dir><dir name="etc"><file name="config.xml" hash="80485861129c42345a15353ffab674d4"/><file name="system.xml" hash="04baf6d8c4e33576a00abc644237179c"/></dir></dir></dir></target><target name="magelocale"><dir name="ru_RU"><file name="ET_Lytebox.csv" hash="bc086420bf9398cba35e8b6c60d27128"/></dir><dir name="en_US"><file name="ET_Lytebox.csv" hash="5459744820cfced72d8430780d5ad76c"/></dir></target><target name="mageetc"><dir name="modules"><file name="ET_Lytebox.xml" hash="70983b61a123975964802238d3654434"/></dir></target><target name="magedesign"><dir name="frontend"><dir name="base"><dir name="default"><dir name="template"><dir name="etlytebox"><file name="config.phtml" hash="eafa34e0458e9c64322e0f6448d94ca6"/><file name="media.phtml" hash="40a64d1db901751285596fb8bfb4f2c7"/></dir></dir><dir name="layout"><file name="etlytebox.xml" hash="caa660f0fdfea080883f0175d7458a0a"/></dir></dir></dir></dir></target><target name="mageskin"><dir name="frontend"><dir name="base"><dir name="default"><dir name="lytebox"><dir><dir name="images"><file name="blank.gif" hash="fc94fb0c3ed8a8f909dbc7630a0987ff"/><file name="close_blue_en.png" hash="9b7f3227900df3d4ff12f8432f77f0f3"/><file name="close_blue_lv.png" hash="c2918968a7d7e48a94e1b155bdd24b5b"/><file name="close_blue_ru.png" hash="65bc99e38fde51995a890fca2e399635"/><file name="close_gold_en.png" hash="19ffff14ee2934527a746507fb3eca31"/><file name="close_gold_lv.png" hash="16dd7c4be3bf095a32707d1c7f90b8f1"/><file name="close_gold_ru.png" hash="65ef7df11a89f7d496e89d86eeda98e1"/><file name="close_green_en.png" hash="760c55c6c543de9e944c9acee67047f6"/><file name="close_green_lv.png" hash="f9042688c084ced0f594fc596e89b501"/><file name="close_green_ru.png" hash="ad0f17ee11738c3f7bc243d511aa62a9"/><file name="close_grey_en.png" hash="fc0890f299ef7ce588271b24ff54d05d"/><file name="close_grey_lv.png" hash="921cd84e540e3c1a32061e1304a6aae9"/><file name="close_grey_ru.png" hash="0889160ffb8d57b9e9afed7ae222fb06"/><file name="close_red_en.png" hash="3dc61e5fe9a718d9c572f76abdfce117"/><file name="close_red_lv.png" hash="c35b81d8edfd281f238f582e6114f526"/><file name="close_red_ru.png" hash="8e2b1be515257d760ac4a9f097b85ecb"/><file name="loading.gif" hash="7e99e1159a3686f6aa4f90043c554483"/><file name="next_blue_en.gif" hash="991382cc703fede8211caf90bfc9d7b2"/><file name="next_blue_ru.gif" hash="bf431a3d2522fdd3c4732e657220a0e7"/><file name="next_gold_en.gif" hash="dac1b61671657bd345033f829b4d023e"/><file name="next_gold_ru.gif" hash="fd01918d77914c2bfb5ed7d83556134d"/><file name="next_green_en.gif" hash="aa40e7e01716700cf7b0ac0bbd54aa83"/><file name="next_green_ru.gif" hash="31bbef93e2c6fda78eb970c4ae476ff2"/><file name="next_grey_en.gif" hash="05f1304f3693fe3d220fc71ec9ce6704"/><file name="next_grey_ru.gif" hash="7e0f0c3d83dc75cc60449136e97ce7ce"/><file name="next_red_en.gif" hash="dc8d51d41cc518d963cd94ac0caa16b0"/><file name="next_red_ru.gif" hash="4509ceb5e6f53e1997fca3153cc9aba2"/><file name="pause_blue_en.png" hash="ea7218fe22534380f23efd5e99375fcc"/><file name="pause_blue_ru.png" hash="1f660b603405d2424b708c53605d9e0c"/><file name="pause_gold_en.png" hash="faef71f5386ed44c5caf95bfa562780e"/><file name="pause_gold_ru.png" hash="d89a3aff5c69289d280900cb2fc61d60"/><file name="pause_green_en.png" hash="25e4b8b88e16560e71bbf3b0ad70dac8"/><file name="pause_green_ru.png" hash="93f304e8fa3893adde6a13f02135edcf"/><file name="pause_grey_en.png" hash="54e9f0574c100e280ef757e6d52bdb67"/><file name="pause_grey_ru.png" hash="a1981ec0d8264c24a4e71edde3307f41"/><file name="pause_red_en.png" hash="d33377c32008d7eded0908d8533d5f8a"/><file name="pause_red_ru.png" hash="306a87f1017e5a84baacd8b067475d23"/><file name="play_blue_en.png" hash="b447167c055a67c93f58eeb7d9a3c5af"/><file name="play_blue_ru.png" hash="447474f30a4d5e486b99b69fba981e97"/><file name="play_gold_en.png" hash="049ea18b682fe928eac3aaa905d82d8d"/><file name="play_gold_ru.png" hash="0f71c24168b4488640c28a4c271675a0"/><file name="play_green_en.png" hash="fec50e905f687f28a414a6a5d1a159e0"/><file name="play_green_ru.png" hash="272da068574288b65f6d25ef0c524df4"/><file name="play_grey_en.png" hash="dd83740fb3ed1b0dcd9670099a98d72d"/><file name="play_grey_ru.png" hash="d5332b6699662d9b40bb6f69990f2f61"/><file name="play_red_en.png" hash="338e9cdb52c3a8c7fd2547a21899a88c"/><file name="play_red_ru.png" hash="d1a6dba2bf6fab5d1004a7aeeb8d0a38"/><file name="prev_blue_en.gif" hash="78b24fd9e1ecc8a10996f5a0d3b2730f"/><file name="prev_blue_ru.gif" hash="88d8a023dabcbc0a1003d5ced86f726b"/><file name="prev_gold_en.gif" hash="758083084ccf7726b1f08ed201368360"/><file name="prev_gold_ru.gif" hash="f7173b03bfd80a4ea2dbc3bb1136965e"/><file name="prev_green_en.gif" hash="e61ec81e13986afde7600d81a8bb037e"/><file name="prev_green_ru.gif" hash="bb143bea45ac49d8f2479bfec3ff015a"/><file name="prev_grey_en.gif" hash="37fc1dbf036133a4a0c0f07c69912a91"/><file name="prev_grey_ru.gif" hash="ecf2677d6f42738dc94780f0a084591b"/><file name="prev_red_en.gif" hash="9316b29639a30b42ecdd6dfb52167eb3"/><file name="prev_red_ru.gif" hash="1f499531e24d983be839a3e152e63f98"/></dir></dir><file name="lytebox_base.css" hash="d56b49ea10bc501d08db36e689752aa6"/></dir></dir></dir></dir></target><target name="mage"><dir name="js"><dir name="lytebox"><file name="lytebox.js" hash="bda8eef4502736aa760fb1051f25b17c"/></dir></dir></target></contents>
|
| 16 |
<compatible/>
|
| 17 |
+
<dependencies><required><php><min>5.0.0</min><max>6.0.0</max></php></required></dependencies>
|
| 18 |
</package>
|
skin/frontend/{default → base}/default/lytebox/images/blank.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_blue_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_blue_lv.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_blue_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_gold_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_gold_lv.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_gold_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_green_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_green_lv.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_green_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_grey_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_grey_lv.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_grey_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_red_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_red_lv.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/close_red_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/loading.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/next_blue_en.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/next_blue_ru.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/next_gold_en.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/next_gold_ru.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/next_green_en.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/next_green_ru.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/next_grey_en.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/next_grey_ru.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/next_red_en.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/next_red_ru.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/pause_blue_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/pause_blue_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/pause_gold_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/pause_gold_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/pause_green_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/pause_green_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/pause_grey_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/pause_grey_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/pause_red_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/pause_red_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/play_blue_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/play_blue_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/play_gold_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/play_gold_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/play_green_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/play_green_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/play_grey_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/play_grey_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/play_red_en.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/play_red_ru.png
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/prev_blue_en.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/prev_blue_ru.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/prev_gold_en.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/prev_gold_ru.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/prev_green_en.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/prev_green_ru.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/prev_grey_en.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/prev_grey_ru.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/prev_red_en.gif
RENAMED
|
File without changes
|
skin/frontend/{default → base}/default/lytebox/images/prev_red_ru.gif
RENAMED
|
File without changes
|
skin/frontend/base/default/lytebox/lytebox_base.css
ADDED
|
@@ -0,0 +1,168 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
|
| 2 |
+
#lbOverlay.grey, #lbOverlay.grey_ru, #lbOverlay.grey_lv { background-color: #000000; }
|
| 3 |
+
#lbOverlay.red, #lbOverlay.red_ru, #lbOverlay.red_lv { background-color: #330000; }
|
| 4 |
+
#lbOverlay.green, #lbOverlay.green_ru, #lbOverlay.green_lv { background-color: #003300; }
|
| 5 |
+
#lbOverlay.blue, #lbOverlay.blue_ru, #lbOverlay.blue_lv { background-color: #011D50; }
|
| 6 |
+
#lbOverlay.gold, #lbOverlay.gold_ru, #lbOverlay.gold_lv { background-color: #666600; }
|
| 7 |
+
|
| 8 |
+
|
| 9 |
+
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
|
| 10 |
+
#lbMain a img { border: none; }
|
| 11 |
+
|
| 12 |
+
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
|
| 13 |
+
#lbOuterContainer.grey, #lbOuterContainer.grey_ru, #lbOuterContainer.grey_lv { border: 3px solid #888888; }
|
| 14 |
+
#lbOuterContainer.red, #lbOuterContainer.red_ru, #lbOuterContainer.red_lv { border: 3px solid #DD0000; }
|
| 15 |
+
#lbOuterContainer.green, #lbOuterContainer.green_ru, #lbOuterContainer.green_lv { border: 3px solid #00B000; }
|
| 16 |
+
#lbOuterContainer.blue, #lbOuterContainer.blue_ru, #lbOuterContainer.blue_lv { border: 3px solid #5F89D8; }
|
| 17 |
+
#lbOuterContainer.gold, #lbOuterContainer.gold_ru, #lbOuterContainer.gold_lv { border: 3px solid #B0B000; }
|
| 18 |
+
|
| 19 |
+
|
| 20 |
+
#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
|
| 21 |
+
#lbDetailsContainer.grey, #lbDetailsContainer.grey_ru, #lbDetailsContainer.grey_lv { border: 3px solid #888888; border-top: none; }
|
| 22 |
+
#lbDetailsContainer.red, #lbDetailsContainer.red_ru, #lbDetailsContainer.red_lv { border: 3px solid #DD0000; border-top: none; }
|
| 23 |
+
#lbDetailsContainer.green, #lbDetailsContainer.green_ru, #lbDetailsContainer.green_lv { border: 3px solid #00B000; border-top: none; }
|
| 24 |
+
#lbDetailsContainer.blue, #lbDetailsContainer.blue_ru, #lbDetailsContainer.blue_lv { border: 3px solid #5F89D8; border-top: none; }
|
| 25 |
+
#lbDetailsContainer.gold, #lbDetailsContainer.gold_ru, #lbDetailsContainer.gold_lv { border: 3px solid #B0B000; border-top: none; }
|
| 26 |
+
|
| 27 |
+
|
| 28 |
+
|
| 29 |
+
#lbImageContainer, #lbIframeContainer { padding: 10px; }
|
| 30 |
+
#lbLoading {
|
| 31 |
+
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
|
| 32 |
+
}
|
| 33 |
+
|
| 34 |
+
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
|
| 35 |
+
#lbImageContainer>#lbHoverNav { left: 0; }
|
| 36 |
+
#lbHoverNav a { outline: none; }
|
| 37 |
+
|
| 38 |
+
#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
|
| 39 |
+
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey_en.gif) left 15% no-repeat; }
|
| 40 |
+
#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red_en.gif) left 15% no-repeat; }
|
| 41 |
+
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green_en.gif) left 15% no-repeat; }
|
| 42 |
+
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue_en.gif) left 15% no-repeat; }
|
| 43 |
+
#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold_en.gif) left 15% no-repeat; }
|
| 44 |
+
|
| 45 |
+
#lbPrev.grey_ru:hover, #lbPrev.grey_ru:visited:hover { background: url(images/prev_grey_ru.gif) left 15% no-repeat; }
|
| 46 |
+
#lbPrev.red_ru:hover, #lbPrev.red_ru:visited:hover { background: url(images/prev_red_ru.gif) left 15% no-repeat; }
|
| 47 |
+
#lbPrev.green_ru:hover, #lbPrev.green_ru:visited:hover { background: url(images/prev_green_ru.gif) left 15% no-repeat; }
|
| 48 |
+
#lbPrev.blue_ru:hover, #lbPrev.blue_ru:visited:hover { background: url(images/prev_blue_ru.gif) left 15% no-repeat; }
|
| 49 |
+
#lbPrev.gold_ru:hover, #lbPrev.gold_ru:visited:hover { background: url(images/prev_gold_ru.gif) left 15% no-repeat; }
|
| 50 |
+
|
| 51 |
+
#lbPrev.grey_lv:hover, #lbPrev.grey_lv:visited:hover { background: url(images/prev_grey_ru.gif) left 15% no-repeat; }
|
| 52 |
+
#lbPrev.red_lv:hover, #lbPrev.red_lv:visited:hover { background: url(images/prev_red_ru.gif) left 15% no-repeat; }
|
| 53 |
+
#lbPrev.green_lv:hover, #lbPrev.green_lv:visited:hover { background: url(images/prev_green_ru.gif) left 15% no-repeat; }
|
| 54 |
+
#lbPrev.blue_lv:hover, #lbPrev.blue_lv:visited:hover { background: url(images/prev_blue_ru.gif) left 15% no-repeat; }
|
| 55 |
+
#lbPrev.gold_lv:hover, #lbPrev.gold_lv:visited:hover { background: url(images/prev_gold_ru.gif) left 15% no-repeat; }
|
| 56 |
+
|
| 57 |
+
|
| 58 |
+
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
|
| 59 |
+
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey_en.gif) right 15% no-repeat; }
|
| 60 |
+
#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red_en.gif) right 15% no-repeat; }
|
| 61 |
+
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green_en.gif) right 15% no-repeat; }
|
| 62 |
+
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue_en.gif) right 15% no-repeat; }
|
| 63 |
+
#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold_en.gif) right 15% no-repeat; }
|
| 64 |
+
|
| 65 |
+
#lbNext.grey_ru:hover, #lbNext.grey_ru:visited:hover { background: url(images/next_grey_ru.gif) right 15% no-repeat; }
|
| 66 |
+
#lbNext.red_ru:hover, #lbNext.red_ru:visited:hover { background: url(images/next_red_ru.gif) right 15% no-repeat; }
|
| 67 |
+
#lbNext.green_ru:hover, #lbNext.green_ru:visited:hover { background: url(images/next_green_ru.gif) right 15% no-repeat; }
|
| 68 |
+
#lbNext.blue_ru:hover, #lbNext.blue_ru:visited:hover { background: url(images/next_blue_ru.gif) right 15% no-repeat; }
|
| 69 |
+
#lbNext.gold_ru:hover, #lbNext.gold_ru:visited:hover { background: url(images/next_gold_ru.gif) right 15% no-repeat; }
|
| 70 |
+
|
| 71 |
+
#lbNext.grey_lv:hover, #lbNext.grey_lv:visited:hover { background: url(images/next_grey_ru.gif) right 15% no-repeat; }
|
| 72 |
+
#lbNext.red_lv:hover, #lbNext.red_lv:visited:hover { background: url(images/next_red_ru.gif) right 15% no-repeat; }
|
| 73 |
+
#lbNext.green_lv:hover, #lbNext.green_lv:visited:hover { background: url(images/next_green_ru.gif) right 15% no-repeat; }
|
| 74 |
+
#lbNext.blue_lv:hover, #lbNext.blue_lv:visited:hover { background: url(images/next_blue_ru.gif) right 15% no-repeat; }
|
| 75 |
+
#lbNext.gold_lv:hover, #lbNext.gold_lv:visited:hover { background: url(images/next_gold_ru.gif) right 15% no-repeat; }
|
| 76 |
+
|
| 77 |
+
|
| 78 |
+
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
|
| 79 |
+
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey, #lbPrev2.grey_ru, #lbNext2.grey_ru, #lbSpacer.grey_ru, #lbPrev2.grey_lv, #lbNext2.grey_lv, #lbSpacer.grey_lv { color: #333333; }
|
| 80 |
+
#lbPrev2.red, #lbNext2.red, #lbSpacer.red, #lbPrev2.red_ru, #lbNext2.red_ru, #lbSpacer.red_ru, #lbPrev2.red_lv, #lbNext2.red_lv, #lbSpacer.red_lv { color: #620000; }
|
| 81 |
+
#lbPrev2.green, #lbNext2.green, #lbSpacer.green, #lbPrev2.green_ru, #lbNext2.green_ru, #lbSpacer.green_ru, #lbPrev2.green_lv, #lbNext2.green_lv, #lbSpacer.green_lv { color: #003300; }
|
| 82 |
+
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue, #lbPrev2.blue_ru, #lbNext2.blue_ru, #lbSpacer.blue_ru, #lbPrev2.blue_lv, #lbNext2.blue_lv, #lbSpacer.blue_lv { color: #01379E; }
|
| 83 |
+
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold, #lbPrev2.gold_ru, #lbNext2.gold_ru, #lbSpacer.gold_ru, #lbPrev2.gold_lv, #lbNext2.gold_lv, #lbSpacer.gold_lv { color: #666600; }
|
| 84 |
+
|
| 85 |
+
|
| 86 |
+
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
|
| 87 |
+
#lbPrev2_Off.grey, #lbNext2_Off.grey, #lbPrev2_Off.grey_ru, #lbNext2_Off.grey_ru, #lbPrev2_Off.grey_lv, #lbNext2_Off.grey_lv { color: #CCCCCC; }
|
| 88 |
+
#lbPrev2_Off.red, #lbNext2_Off.red, #lbPrev2_Off.red_ru, #lbNext2_Off.red_ru, #lbPrev2_Off.red_lv, #lbNext2_Off.red_lv { color: #FFCCCC; }
|
| 89 |
+
#lbPrev2_Off.green, #lbNext2_Off.green, #lbPrev2_Off.green_ru, #lbNext2_Off.green_ru, #lbPrev2_Off.green_lv, #lbNext2_Off.green_lv { color: #82FF82; }
|
| 90 |
+
#lbPrev2_Off.blue, #lbNext2_Off.blue, #lbPrev2_Off.blue_ru, #lbNext2_Off.blue_ru, #lbPrev2_Off.blue_lv, #lbNext2_Off.blue_lv { color: #B7CAEE; }
|
| 91 |
+
#lbPrev2_Off.gold, #lbNext2_Off.gold, #lbPrev2_Off.gold_ru, #lbNext2_Off.gold_ru, #lbPrev2_Off.gold_lv, #lbNext2_Off.gold_lv { color: #E1E100; }
|
| 92 |
+
|
| 93 |
+
|
| 94 |
+
|
| 95 |
+
#lbDetailsData { padding: 0 10px; }
|
| 96 |
+
#lbDetailsData.grey, #lbDetailsData.grey_ru, #lbDetailsData.grey_lv { color: #333333; }
|
| 97 |
+
#lbDetailsData.red, #lbDetailsData.red_ru, #lbDetailsData.red_lv { color: #620000; }
|
| 98 |
+
#lbDetailsData.green, #lbDetailsData.green_ru, #lbDetailsData.green_lv { color: #003300; }
|
| 99 |
+
#lbDetailsData.blue, #lbDetailsData.blue_ru, #lbDetailsData.blue_lv { color: #01379E; }
|
| 100 |
+
#lbDetailsData.gold, #lbDetailsData.gold_ru, #lbDetailsData.gold_lv { color: #666600; }
|
| 101 |
+
|
| 102 |
+
|
| 103 |
+
|
| 104 |
+
#lbDetails { width: 60%; float: left; text-align: left; }
|
| 105 |
+
#lbCaption { display: block; font-weight: bold; }
|
| 106 |
+
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
|
| 107 |
+
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
|
| 108 |
+
|
| 109 |
+
#lbClose { width: 84px; height: 28px; float: right; margin-bottom: 1px; }
|
| 110 |
+
#lbClose.grey { background: url(images/close_grey_en.png) no-repeat; }
|
| 111 |
+
#lbClose.red { background: url(images/close_red_en.png) no-repeat; }
|
| 112 |
+
#lbClose.green { background: url(images/close_green_en.png) no-repeat; }
|
| 113 |
+
#lbClose.blue { background: url(images/close_blue_en.png) no-repeat; }
|
| 114 |
+
#lbClose.gold { background: url(images/close_gold_en.png) no-repeat; }
|
| 115 |
+
|
| 116 |
+
#lbClose.grey_ru { background: url(images/close_grey_ru.png) no-repeat; }
|
| 117 |
+
#lbClose.red_ru { background: url(images/close_red_ru.png) no-repeat; }
|
| 118 |
+
#lbClose.green_ru { background: url(images/close_green_ru.png) no-repeat; }
|
| 119 |
+
#lbClose.blue_ru { background: url(images/close_blue_ru.png) no-repeat; }
|
| 120 |
+
#lbClose.gold_ru { background: url(images/close_gold_ru.png) no-repeat; }
|
| 121 |
+
|
| 122 |
+
#lbClose.grey_lv { background: url(images/close_grey_lv.png) no-repeat; }
|
| 123 |
+
#lbClose.red_lv { background: url(images/close_red_lv.png) no-repeat; }
|
| 124 |
+
#lbClose.green_lv { background: url(images/close_green_lv.png) no-repeat; }
|
| 125 |
+
#lbClose.blue_lv { background: url(images/close_blue_lv.png) no-repeat; }
|
| 126 |
+
#lbClose.gold_lv { background: url(images/close_gold_lv.png) no-repeat; }
|
| 127 |
+
|
| 128 |
+
|
| 129 |
+
|
| 130 |
+
|
| 131 |
+
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
|
| 132 |
+
#lbPlay.grey { background: url(images/play_grey_en.png) no-repeat; }
|
| 133 |
+
#lbPlay.red { background: url(images/play_red_en.png) no-repeat; }
|
| 134 |
+
#lbPlay.green { background: url(images/play_green_en.png) no-repeat; }
|
| 135 |
+
#lbPlay.blue { background: url(images/play_blue_en.png) no-repeat; }
|
| 136 |
+
#lbPlay.gold { background: url(images/play_gold_en.png) no-repeat; }
|
| 137 |
+
|
| 138 |
+
#lbPlay.grey_ru { background: url(images/play_grey_ru.png) no-repeat; }
|
| 139 |
+
#lbPlay.red_ru { background: url(images/play_red_ru.png) no-repeat; }
|
| 140 |
+
#lbPlay.green_ru { background: url(images/play_green_ru.png) no-repeat; }
|
| 141 |
+
#lbPlay.blue_ru { background: url(images/play_blue_ru.png) no-repeat; }
|
| 142 |
+
#lbPlay.gold_ru { background: url(images/play_gold_ru.png) no-repeat; }
|
| 143 |
+
|
| 144 |
+
#lbPlay.grey_lv { background: url(images/play_grey_ru.png) no-repeat; }
|
| 145 |
+
#lbPlay.red_lv { background: url(images/play_red_ru.png) no-repeat; }
|
| 146 |
+
#lbPlay.green_lv { background: url(images/play_green_ru.png) no-repeat; }
|
| 147 |
+
#lbPlay.blue_lv { background: url(images/play_blue_ru.png) no-repeat; }
|
| 148 |
+
#lbPlay.gold_lv { background: url(images/play_gold_ru.png) no-repeat; }
|
| 149 |
+
|
| 150 |
+
|
| 151 |
+
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
|
| 152 |
+
#lbPause.grey { background: url(images/pause_grey_en.png) no-repeat; }
|
| 153 |
+
#lbPause.red { background: url(images/pause_red_en.png) no-repeat; }
|
| 154 |
+
#lbPause.green { background: url(images/pause_green_en.png) no-repeat; }
|
| 155 |
+
#lbPause.blue { background: url(images/pause_blue_en.png) no-repeat; }
|
| 156 |
+
#lbPause.gold { background: url(images/pause_gold_en.png) no-repeat; }
|
| 157 |
+
|
| 158 |
+
#lbPause.grey_ru { background: url(images/pause_grey_ru.png) no-repeat; }
|
| 159 |
+
#lbPause.red_ru { background: url(images/pause_red_ru.png) no-repeat; }
|
| 160 |
+
#lbPause.green_ru { background: url(images/pause_green_ru.png) no-repeat; }
|
| 161 |
+
#lbPause.blue_ru { background: url(images/pause_blue_ru.png) no-repeat; }
|
| 162 |
+
#lbPause.gold_ru { background: url(images/pause_gold_ru.png) no-repeat; }
|
| 163 |
+
|
| 164 |
+
#lbPause.grey_lv { background: url(images/pause_grey_ru.png) no-repeat; }
|
| 165 |
+
#lbPause.red_lv { background: url(images/pause_red_ru.png) no-repeat; }
|
| 166 |
+
#lbPause.green_lv { background: url(images/pause_green_ru.png) no-repeat; }
|
| 167 |
+
#lbPause.blue_lv { background: url(images/pause_blue_ru.png) no-repeat; }
|
| 168 |
+
#lbPause.gold_lv { background: url(images/pause_gold_ru.png) no-repeat; }
|
skin/frontend/default/default/lytebox/lytebox_base.css
DELETED
|
@@ -1,168 +0,0 @@
|
|
| 1 |
-
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
|
| 2 |
-
#lbOverlay.grey, #lbOverlay.grey_ru, #lbOverlay.grey_lv { background-color: #000000; }
|
| 3 |
-
#lbOverlay.red, #lbOverlay.red_ru, #lbOverlay.red_lv { background-color: #330000; }
|
| 4 |
-
#lbOverlay.green, #lbOverlay.green_ru, #lbOverlay.green_lv { background-color: #003300; }
|
| 5 |
-
#lbOverlay.blue, #lbOverlay.blue_ru, #lbOverlay.blue_lv { background-color: #011D50; }
|
| 6 |
-
#lbOverlay.gold, #lbOverlay.gold_ru, #lbOverlay.gold_lv { background-color: #666600; }
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
|
| 10 |
-
#lbMain a img { border: none; }
|
| 11 |
-
|
| 12 |
-
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
|
| 13 |
-
#lbOuterContainer.grey, #lbOuterContainer.grey_ru, #lbOuterContainer.grey_lv { border: 3px solid #888888; }
|
| 14 |
-
#lbOuterContainer.red, #lbOuterContainer.red_ru, #lbOuterContainer.red_lv { border: 3px solid #DD0000; }
|
| 15 |
-
#lbOuterContainer.green, #lbOuterContainer.green_ru, #lbOuterContainer.green_lv { border: 3px solid #00B000; }
|
| 16 |
-
#lbOuterContainer.blue, #lbOuterContainer.blue_ru, #lbOuterContainer.blue_lv { border: 3px solid #5F89D8; }
|
| 17 |
-
#lbOuterContainer.gold, #lbOuterContainer.gold_ru, #lbOuterContainer.gold_lv { border: 3px solid #B0B000; }
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
|
| 21 |
-
#lbDetailsContainer.grey, #lbDetailsContainer.grey_ru, #lbDetailsContainer.grey_lv { border: 3px solid #888888; border-top: none; }
|
| 22 |
-
#lbDetailsContainer.red, #lbDetailsContainer.red_ru, #lbDetailsContainer.red_lv { border: 3px solid #DD0000; border-top: none; }
|
| 23 |
-
#lbDetailsContainer.green, #lbDetailsContainer.green_ru, #lbDetailsContainer.green_lv { border: 3px solid #00B000; border-top: none; }
|
| 24 |
-
#lbDetailsContainer.blue, #lbDetailsContainer.blue_ru, #lbDetailsContainer.blue_lv { border: 3px solid #5F89D8; border-top: none; }
|
| 25 |
-
#lbDetailsContainer.gold, #lbDetailsContainer.gold_ru, #lbDetailsContainer.gold_lv { border: 3px solid #B0B000; border-top: none; }
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
#lbImageContainer, #lbIframeContainer { padding: 10px; }
|
| 30 |
-
#lbLoading {
|
| 31 |
-
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
|
| 32 |
-
}
|
| 33 |
-
|
| 34 |
-
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
|
| 35 |
-
#lbImageContainer>#lbHoverNav { left: 0; }
|
| 36 |
-
#lbHoverNav a { outline: none; }
|
| 37 |
-
|
| 38 |
-
#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
|
| 39 |
-
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey_en.gif) left 15% no-repeat; }
|
| 40 |
-
#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red_en.gif) left 15% no-repeat; }
|
| 41 |
-
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green_en.gif) left 15% no-repeat; }
|
| 42 |
-
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue_en.gif) left 15% no-repeat; }
|
| 43 |
-
#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold_en.gif) left 15% no-repeat; }
|
| 44 |
-
|
| 45 |
-
#lbPrev.grey_ru:hover, #lbPrev.grey_ru:visited:hover { background: url(images/prev_grey_ru.gif) left 15% no-repeat; }
|
| 46 |
-
#lbPrev.red_ru:hover, #lbPrev.red_ru:visited:hover { background: url(images/prev_red_ru.gif) left 15% no-repeat; }
|
| 47 |
-
#lbPrev.green_ru:hover, #lbPrev.green_ru:visited:hover { background: url(images/prev_green_ru.gif) left 15% no-repeat; }
|
| 48 |
-
#lbPrev.blue_ru:hover, #lbPrev.blue_ru:visited:hover { background: url(images/prev_blue_ru.gif) left 15% no-repeat; }
|
| 49 |
-
#lbPrev.gold_ru:hover, #lbPrev.gold_ru:visited:hover { background: url(images/prev_gold_ru.gif) left 15% no-repeat; }
|
| 50 |
-
|
| 51 |
-
#lbPrev.grey_lv:hover, #lbPrev.grey_lv:visited:hover { background: url(images/prev_grey_ru.gif) left 15% no-repeat; }
|
| 52 |
-
#lbPrev.red_lv:hover, #lbPrev.red_lv:visited:hover { background: url(images/prev_red_ru.gif) left 15% no-repeat; }
|
| 53 |
-
#lbPrev.green_lv:hover, #lbPrev.green_lv:visited:hover { background: url(images/prev_green_ru.gif) left 15% no-repeat; }
|
| 54 |
-
#lbPrev.blue_lv:hover, #lbPrev.blue_lv:visited:hover { background: url(images/prev_blue_ru.gif) left 15% no-repeat; }
|
| 55 |
-
#lbPrev.gold_lv:hover, #lbPrev.gold_lv:visited:hover { background: url(images/prev_gold_ru.gif) left 15% no-repeat; }
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
|
| 59 |
-
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey_en.gif) right 15% no-repeat; }
|
| 60 |
-
#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red_en.gif) right 15% no-repeat; }
|
| 61 |
-
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green_en.gif) right 15% no-repeat; }
|
| 62 |
-
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue_en.gif) right 15% no-repeat; }
|
| 63 |
-
#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold_en.gif) right 15% no-repeat; }
|
| 64 |
-
|
| 65 |
-
#lbNext.grey_ru:hover, #lbNext.grey_ru:visited:hover { background: url(images/next_grey_ru.gif) right 15% no-repeat; }
|
| 66 |
-
#lbNext.red_ru:hover, #lbNext.red_ru:visited:hover { background: url(images/next_red_ru.gif) right 15% no-repeat; }
|
| 67 |
-
#lbNext.green_ru:hover, #lbNext.green_ru:visited:hover { background: url(images/next_green_ru.gif) right 15% no-repeat; }
|
| 68 |
-
#lbNext.blue_ru:hover, #lbNext.blue_ru:visited:hover { background: url(images/next_blue_ru.gif) right 15% no-repeat; }
|
| 69 |
-
#lbNext.gold_ru:hover, #lbNext.gold_ru:visited:hover { background: url(images/next_gold_ru.gif) right 15% no-repeat; }
|
| 70 |
-
|
| 71 |
-
#lbNext.grey_lv:hover, #lbNext.grey_lv:visited:hover { background: url(images/next_grey_ru.gif) right 15% no-repeat; }
|
| 72 |
-
#lbNext.red_lv:hover, #lbNext.red_lv:visited:hover { background: url(images/next_red_ru.gif) right 15% no-repeat; }
|
| 73 |
-
#lbNext.green_lv:hover, #lbNext.green_lv:visited:hover { background: url(images/next_green_ru.gif) right 15% no-repeat; }
|
| 74 |
-
#lbNext.blue_lv:hover, #lbNext.blue_lv:visited:hover { background: url(images/next_blue_ru.gif) right 15% no-repeat; }
|
| 75 |
-
#lbNext.gold_lv:hover, #lbNext.gold_lv:visited:hover { background: url(images/next_gold_ru.gif) right 15% no-repeat; }
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
|
| 79 |
-
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey, #lbPrev2.grey_ru, #lbNext2.grey_ru, #lbSpacer.grey_ru, #lbPrev2.grey_lv, #lbNext2.grey_lv, #lbSpacer.grey_lv { color: #333333; }
|
| 80 |
-
#lbPrev2.red, #lbNext2.red, #lbSpacer.red, #lbPrev2.red_ru, #lbNext2.red_ru, #lbSpacer.red_ru, #lbPrev2.red_lv, #lbNext2.red_lv, #lbSpacer.red_lv { color: #620000; }
|
| 81 |
-
#lbPrev2.green, #lbNext2.green, #lbSpacer.green, #lbPrev2.green_ru, #lbNext2.green_ru, #lbSpacer.green_ru, #lbPrev2.green_lv, #lbNext2.green_lv, #lbSpacer.green_lv { color: #003300; }
|
| 82 |
-
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue, #lbPrev2.blue_ru, #lbNext2.blue_ru, #lbSpacer.blue_ru, #lbPrev2.blue_lv, #lbNext2.blue_lv, #lbSpacer.blue_lv { color: #01379E; }
|
| 83 |
-
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold, #lbPrev2.gold_ru, #lbNext2.gold_ru, #lbSpacer.gold_ru, #lbPrev2.gold_lv, #lbNext2.gold_lv, #lbSpacer.gold_lv { color: #666600; }
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
|
| 87 |
-
#lbPrev2_Off.grey, #lbNext2_Off.grey, #lbPrev2_Off.grey_ru, #lbNext2_Off.grey_ru, #lbPrev2_Off.grey_lv, #lbNext2_Off.grey_lv { color: #CCCCCC; }
|
| 88 |
-
#lbPrev2_Off.red, #lbNext2_Off.red, #lbPrev2_Off.red_ru, #lbNext2_Off.red_ru, #lbPrev2_Off.red_lv, #lbNext2_Off.red_lv { color: #FFCCCC; }
|
| 89 |
-
#lbPrev2_Off.green, #lbNext2_Off.green, #lbPrev2_Off.green_ru, #lbNext2_Off.green_ru, #lbPrev2_Off.green_lv, #lbNext2_Off.green_lv { color: #82FF82; }
|
| 90 |
-
#lbPrev2_Off.blue, #lbNext2_Off.blue, #lbPrev2_Off.blue_ru, #lbNext2_Off.blue_ru, #lbPrev2_Off.blue_lv, #lbNext2_Off.blue_lv { color: #B7CAEE; }
|
| 91 |
-
#lbPrev2_Off.gold, #lbNext2_Off.gold, #lbPrev2_Off.gold_ru, #lbNext2_Off.gold_ru, #lbPrev2_Off.gold_lv, #lbNext2_Off.gold_lv { color: #E1E100; }
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
#lbDetailsData { padding: 0 10px; }
|
| 96 |
-
#lbDetailsData.grey, #lbDetailsData.grey_ru, #lbDetailsData.grey_lv { color: #333333; }
|
| 97 |
-
#lbDetailsData.red, #lbDetailsData.red_ru, #lbDetailsData.red_lv { color: #620000; }
|
| 98 |
-
#lbDetailsData.green, #lbDetailsData.green_ru, #lbDetailsData.green_lv { color: #003300; }
|
| 99 |
-
#lbDetailsData.blue, #lbDetailsData.blue_ru, #lbDetailsData.blue_lv { color: #01379E; }
|
| 100 |
-
#lbDetailsData.gold, #lbDetailsData.gold_ru, #lbDetailsData.gold_lv { color: #666600; }
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
#lbDetails { width: 60%; float: left; text-align: left; }
|
| 105 |
-
#lbCaption { display: block; font-weight: bold; }
|
| 106 |
-
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
|
| 107 |
-
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
|
| 108 |
-
|
| 109 |
-
#lbClose { width: 84px; height: 28px; float: right; margin-bottom: 1px; }
|
| 110 |
-
#lbClose.grey { background: url(images/close_grey_en.png) no-repeat; }
|
| 111 |
-
#lbClose.red { background: url(images/close_red_en.png) no-repeat; }
|
| 112 |
-
#lbClose.green { background: url(images/close_green_en.png) no-repeat; }
|
| 113 |
-
#lbClose.blue { background: url(images/close_blue_en.png) no-repeat; }
|
| 114 |
-
#lbClose.gold { background: url(images/close_gold_en.png) no-repeat; }
|
| 115 |
-
|
| 116 |
-
#lbClose.grey_ru { background: url(images/close_grey_ru.png) no-repeat; }
|
| 117 |
-
#lbClose.red_ru { background: url(images/close_red_ru.png) no-repeat; }
|
| 118 |
-
#lbClose.green_ru { background: url(images/close_green_ru.png) no-repeat; }
|
| 119 |
-
#lbClose.blue_ru { background: url(images/close_blue_ru.png) no-repeat; }
|
| 120 |
-
#lbClose.gold_ru { background: url(images/close_gold_ru.png) no-repeat; }
|
| 121 |
-
|
| 122 |
-
#lbClose.grey_lv { background: url(images/close_grey_lv.png) no-repeat; }
|
| 123 |
-
#lbClose.red_lv { background: url(images/close_red_lv.png) no-repeat; }
|
| 124 |
-
#lbClose.green_lv { background: url(images/close_green_lv.png) no-repeat; }
|
| 125 |
-
#lbClose.blue_lv { background: url(images/close_blue_lv.png) no-repeat; }
|
| 126 |
-
#lbClose.gold_lv { background: url(images/close_gold_lv.png) no-repeat; }
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
|
| 132 |
-
#lbPlay.grey { background: url(images/play_grey_en.png) no-repeat; }
|
| 133 |
-
#lbPlay.red { background: url(images/play_red_en.png) no-repeat; }
|
| 134 |
-
#lbPlay.green { background: url(images/play_green_en.png) no-repeat; }
|
| 135 |
-
#lbPlay.blue { background: url(images/play_blue_en.png) no-repeat; }
|
| 136 |
-
#lbPlay.gold { background: url(images/play_gold_en.png) no-repeat; }
|
| 137 |
-
|
| 138 |
-
#lbPlay.grey_ru { background: url(images/play_grey_ru.png) no-repeat; }
|
| 139 |
-
#lbPlay.red_ru { background: url(images/play_red_ru.png) no-repeat; }
|
| 140 |
-
#lbPlay.green_ru { background: url(images/play_green_ru.png) no-repeat; }
|
| 141 |
-
#lbPlay.blue_ru { background: url(images/play_blue_ru.png) no-repeat; }
|
| 142 |
-
#lbPlay.gold_ru { background: url(images/play_gold_ru.png) no-repeat; }
|
| 143 |
-
|
| 144 |
-
#lbPlay.grey_lv { background: url(images/play_grey_ru.png) no-repeat; }
|
| 145 |
-
#lbPlay.red_lv { background: url(images/play_red_ru.png) no-repeat; }
|
| 146 |
-
#lbPlay.green_lv { background: url(images/play_green_ru.png) no-repeat; }
|
| 147 |
-
#lbPlay.blue_lv { background: url(images/play_blue_ru.png) no-repeat; }
|
| 148 |
-
#lbPlay.gold_lv { background: url(images/play_gold_ru.png) no-repeat; }
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
|
| 152 |
-
#lbPause.grey { background: url(images/pause_grey_en.png) no-repeat; }
|
| 153 |
-
#lbPause.red { background: url(images/pause_red_en.png) no-repeat; }
|
| 154 |
-
#lbPause.green { background: url(images/pause_green_en.png) no-repeat; }
|
| 155 |
-
#lbPause.blue { background: url(images/pause_blue_en.png) no-repeat; }
|
| 156 |
-
#lbPause.gold { background: url(images/pause_gold_en.png) no-repeat; }
|
| 157 |
-
|
| 158 |
-
#lbPause.grey_ru { background: url(images/pause_grey_ru.png) no-repeat; }
|
| 159 |
-
#lbPause.red_ru { background: url(images/pause_red_ru.png) no-repeat; }
|
| 160 |
-
#lbPause.green_ru { background: url(images/pause_green_ru.png) no-repeat; }
|
| 161 |
-
#lbPause.blue_ru { background: url(images/pause_blue_ru.png) no-repeat; }
|
| 162 |
-
#lbPause.gold_ru { background: url(images/pause_gold_ru.png) no-repeat; }
|
| 163 |
-
|
| 164 |
-
#lbPause.grey_lv { background: url(images/pause_grey_ru.png) no-repeat; }
|
| 165 |
-
#lbPause.red_lv { background: url(images/pause_red_ru.png) no-repeat; }
|
| 166 |
-
#lbPause.green_lv { background: url(images/pause_green_ru.png) no-repeat; }
|
| 167 |
-
#lbPause.blue_lv { background: url(images/pause_blue_ru.png) no-repeat; }
|
| 168 |
-
#lbPause.gold_lv { background: url(images/pause_gold_ru.png) no-repeat; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
