Version Notes
New slider library - Camera jQuery plugin replaced slides.min.jQuery.js, so now Lookbook Free has:
- 28 transition effects + “random”;
- ability to show the thumbnails of slides instead of pagination;
- ability to show/show on hover state only/hide the navigation buttons;
- minor tweaks and improvements
Download this release
Release Info
Developer | Alexander |
Extension | Altima_lookbook_free |
Version | 1.0.1 |
Comparing to | |
See all releases |
Code changes from version 0.1.5 to 1.0.1
- app/code/local/Altima/Lookbook/Helper/Data.php +26 -1
- app/code/local/Altima/Lookbook/Model/Config/Source/Effect.php +65 -0
- app/code/local/Altima/Lookbook/Model/Layout/Generate/Observer.php +3 -1
- app/code/local/Altima/Lookbook/etc/config.xml +1 -1
- app/code/local/Altima/Lookbook/etc/system.xml +60 -1
- app/design/frontend/base/default/template/lookbook/lookbook.phtml +44 -159
- js/lookbook/slides.min.jquery.js +0 -20
- package.xml +11 -7
- skin/frontend/base/default/lookbook/css/hotspots.css +517 -62
- skin/frontend/base/default/lookbook/images/arrow-next.png +0 -0
- skin/frontend/base/default/lookbook/images/arrow-prev.png +0 -0
- skin/frontend/base/default/lookbook/images/background.png +0 -0
- skin/frontend/base/default/lookbook/images/camera-loader.gif +0 -0
- skin/frontend/base/default/lookbook/images/camera_skins.png +0 -0
- skin/frontend/base/default/lookbook/images/loading.gif +0 -0
- skin/frontend/base/default/lookbook/images/pagination.png +0 -0
- skin/frontend/base/default/lookbook/images/patterns/overlay1.png +0 -0
- skin/frontend/base/default/lookbook/images/patterns/overlay10.png +0 -0
- skin/frontend/base/default/lookbook/images/patterns/overlay2.png +0 -0
- skin/frontend/base/default/lookbook/images/patterns/overlay3.png +0 -0
- skin/frontend/base/default/lookbook/images/patterns/overlay4.png +0 -0
- skin/frontend/base/default/lookbook/images/patterns/overlay5.png +0 -0
- skin/frontend/base/default/lookbook/images/patterns/overlay6.png +0 -0
- skin/frontend/base/default/lookbook/images/patterns/overlay7.png +0 -0
- skin/frontend/base/default/lookbook/images/patterns/overlay8.png +0 -0
- skin/frontend/base/default/lookbook/images/patterns/overlay9.png +0 -0
- skin/frontend/base/default/lookbook/js/camera.min.js +4 -0
- skin/frontend/base/default/lookbook/js/hotspots.js +79 -0
- skin/frontend/base/default/lookbook/js/jquery.easing.1.3.js +205 -0
- skin/frontend/base/default/lookbook/js/slides.min.jquery.js +0 -20
app/code/local/Altima/Lookbook/Helper/Data.php
CHANGED
@@ -54,7 +54,32 @@ class Altima_Lookbook_Helper_Data extends Mage_Core_Helper_Abstract
|
|
54 |
public function getAllowedExtensions()
|
55 |
{
|
56 |
return Mage::getStoreConfig('lookbook/general/allowed_extensions');
|
57 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
58 |
/**
|
59 |
* Returns the resized Image URL
|
60 |
*
|
54 |
public function getAllowedExtensions()
|
55 |
{
|
56 |
return Mage::getStoreConfig('lookbook/general/allowed_extensions');
|
57 |
+
}
|
58 |
+
|
59 |
+
public function getEffects()
|
60 |
+
{
|
61 |
+
return Mage::getStoreConfig('lookbook/general/effects');
|
62 |
+
}
|
63 |
+
public function getNavigation()
|
64 |
+
{
|
65 |
+
return Mage::getStoreConfig('lookbook/general/navigation');
|
66 |
+
}
|
67 |
+
public function getNavigationHover()
|
68 |
+
{
|
69 |
+
return Mage::getStoreConfig('lookbook/general/navigation_hover');
|
70 |
+
}
|
71 |
+
public function getThumbnails()
|
72 |
+
{
|
73 |
+
return Mage::getStoreConfig('lookbook/general/thumbnails');
|
74 |
+
}
|
75 |
+
public function getPause()
|
76 |
+
{
|
77 |
+
return Mage::getStoreConfig('lookbook/general/pause');
|
78 |
+
}
|
79 |
+
public function getTransitionDuration()
|
80 |
+
{
|
81 |
+
return Mage::getStoreConfig('lookbook/general/transition_duration');
|
82 |
+
}
|
83 |
/**
|
84 |
* Returns the resized Image URL
|
85 |
*
|
app/code/local/Altima/Lookbook/Model/Config/Source/Effect.php
ADDED
@@ -0,0 +1,65 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
|
3 |
+
class Altima_Lookbook_Model_Config_Source_Effect extends Mage_Core_Model_Abstract
|
4 |
+
{
|
5 |
+
const SIMPLE_FADE = 'simpleFade';
|
6 |
+
const CURTAIN_TOP_LEFT = 'curtainTopLeft';
|
7 |
+
const CURTAIN_TOP_RIGHT = 'curtainTopRight';
|
8 |
+
const CURTAIN_BOTTOM_LEFT = 'curtainBottomLeft';
|
9 |
+
const CURTAIN_BOTTOM_RIGHT = 'curtainBottomRight';
|
10 |
+
const CURTAIN_SLISE_LEFT = 'curtainSliceLeft';
|
11 |
+
const CURTAIN_SLISE_RIGHT = 'curtainSliceRight';
|
12 |
+
const BLIND_CURTAIN_TOP_LEFT = 'blindCurtainTopLeft';
|
13 |
+
const BLIND_CURTAIN_TOP_RIGHT = 'blindCurtainTopRight';
|
14 |
+
const BLIND_CURTAIN_BOTTOM_LEFT = 'blindCurtainBottomLeft';
|
15 |
+
const BLIND_CURTAIN_BOTTOM_RIGHT = 'blindCurtainBottomRight';
|
16 |
+
const BLIND_CURTAIN_SLICE_BOTTOM = 'blindCurtainSliceBottom';
|
17 |
+
const BLIND_CURTAIN_SLICE_TOP = 'blindCurtainSliceTop';
|
18 |
+
const STAMPEDE = 'stampede';
|
19 |
+
const MOSAIC = 'mosaic';
|
20 |
+
const MOSAIC_REVERSE = 'mosaicReverse';
|
21 |
+
const MOSAIC_RANDOM = 'mosaicRandom';
|
22 |
+
const MOSAIC_SPIRAL = 'mosaicSpiral';
|
23 |
+
const MOSAIC_SPIRAL_REVERSE = 'mosaicSpiralReverse';
|
24 |
+
const TOP_LEFT_BOTTOM_RIGHT = 'topLeftBottomRight';
|
25 |
+
const BOTTOM_RIGHT_TOP_LEFT = 'bottomRightTopLeft';
|
26 |
+
const BOTTOM_LEFT_TOP_RIGHT = 'bottomLeftTopRight';
|
27 |
+
const SCROLL_LEFT = 'scrollLeft';
|
28 |
+
const SCROLL_RIGHT = 'scrollRight';
|
29 |
+
const SCROLL_HORZ = 'scrollHorz';
|
30 |
+
const SCROLL_BOTTOM = 'scrollBottom';
|
31 |
+
const SCROLL_TOP = 'scrollTop';
|
32 |
+
|
33 |
+
static public function toOptionArray()
|
34 |
+
{
|
35 |
+
return array(
|
36 |
+
array( 'value'=> self::SIMPLE_FADE , 'label' => 'simpleFade'),
|
37 |
+
array( 'value'=> self::CURTAIN_TOP_LEFT , 'label' => 'curtainTopLeft'),
|
38 |
+
array( 'value'=> self::CURTAIN_TOP_RIGHT , 'label' => 'curtainTopRight'),
|
39 |
+
array( 'value'=> self::CURTAIN_BOTTOM_LEFT , 'label' => 'curtainBottomLeft'),
|
40 |
+
array( 'value'=> self::CURTAIN_BOTTOM_RIGHT , 'label' => 'curtainBottomRight'),
|
41 |
+
array( 'value'=> self::CURTAIN_SLISE_LEFT , 'label' => 'curtainSliceLeft'),
|
42 |
+
array( 'value'=> self::CURTAIN_SLISE_RIGHT , 'label' => 'curtainSliceRight'),
|
43 |
+
array( 'value'=> self::BLIND_CURTAIN_TOP_LEFT , 'label' => 'blindCurtainTopLeft'),
|
44 |
+
array( 'value'=> self::BLIND_CURTAIN_TOP_RIGHT , 'label' => 'blindCurtainTopRight'),
|
45 |
+
array( 'value'=> self::BLIND_CURTAIN_BOTTOM_LEFT , 'label' => 'blindCurtainBottomLeft'),
|
46 |
+
array( 'value'=> self::BLIND_CURTAIN_BOTTOM_RIGHT , 'label' => 'blindCurtainBottomRight'),
|
47 |
+
array( 'value'=> self::BLIND_CURTAIN_SLICE_BOTTOM , 'label' => 'blindCurtainSliceBottom'),
|
48 |
+
array( 'value'=> self::BLIND_CURTAIN_SLICE_TOP , 'label' => 'blindCurtainSliceTop'),
|
49 |
+
array( 'value'=> self::STAMPEDE , 'label' => 'stampede'),
|
50 |
+
array( 'value'=> self::MOSAIC , 'label' => 'mosaic'),
|
51 |
+
array( 'value'=> self::MOSAIC_REVERSE , 'label' => 'mosaicReverse'),
|
52 |
+
array( 'value'=> self::MOSAIC_RANDOM , 'label' => 'mosaicRandom'),
|
53 |
+
array( 'value'=> self::MOSAIC_SPIRAL , 'label' => 'mosaicSpiral'),
|
54 |
+
array( 'value'=> self::MOSAIC_SPIRAL_REVERSE , 'label' => 'mosaicSpiralReverse'),
|
55 |
+
array( 'value'=> self::TOP_LEFT_BOTTOM_RIGHT , 'label' => 'topLeftBottomRight'),
|
56 |
+
array( 'value'=> self::BOTTOM_RIGHT_TOP_LEFT , 'label' => 'bottomRightTopLeft'),
|
57 |
+
array( 'value'=> self::BOTTOM_LEFT_TOP_RIGHT , 'label' => 'bottomLeftTopRight'),
|
58 |
+
array( 'value'=> self::SCROLL_LEFT , 'label' => 'scrollLeft'),
|
59 |
+
array( 'value'=> self::SCROLL_RIGHT , 'label' => 'scrollRight'),
|
60 |
+
array( 'value'=> self::SCROLL_HORZ , 'label' => 'scrollHorz'),
|
61 |
+
array( 'value'=> self::SCROLL_BOTTOM , 'label' => 'scrollBottom'),
|
62 |
+
array( 'value'=> self::SCROLL_TOP , 'label' => 'scrollTop')
|
63 |
+
);
|
64 |
+
}
|
65 |
+
}
|
app/code/local/Altima/Lookbook/Model/Layout/Generate/Observer.php
CHANGED
@@ -34,7 +34,9 @@ class Altima_Lookbook_Model_Layout_Generate_Observer {
|
|
34 |
<action method="addCss"><stylesheet>lookbook/css/hotspots.css</stylesheet></action>
|
35 |
<action method="addJs"><script>jquery/jquery-1.8.2.min.js</script></action>
|
36 |
<action method="addJs"><script>jquery/jquery.noconflict.js</script></action>
|
37 |
-
|
|
|
|
|
38 |
</reference>';
|
39 |
$page->setLayoutUpdateXml($updates.$newupdates);
|
40 |
}
|
34 |
<action method="addCss"><stylesheet>lookbook/css/hotspots.css</stylesheet></action>
|
35 |
<action method="addJs"><script>jquery/jquery-1.8.2.min.js</script></action>
|
36 |
<action method="addJs"><script>jquery/jquery.noconflict.js</script></action>
|
37 |
+
<action method="addItem"><type>skin_js</type><name>lookbook/js/jquery.easing.1.3.js</name></action>
|
38 |
+
<action method="addItem"><type>skin_js</type><name>lookbook/js/camera.min.js</name></action>
|
39 |
+
<action method="addItem"><type>skin_js</type><name>lookbook/js/hotspots.js</name></action>
|
40 |
</reference>';
|
41 |
$page->setLayoutUpdateXml($updates.$newupdates);
|
42 |
}
|
app/code/local/Altima/Lookbook/etc/config.xml
CHANGED
@@ -24,7 +24,7 @@
|
|
24 |
<config>
|
25 |
<modules>
|
26 |
<Altima_Lookbook>
|
27 |
-
<version>0.1
|
28 |
</Altima_Lookbook>
|
29 |
</modules>
|
30 |
<frontend>
|
24 |
<config>
|
25 |
<modules>
|
26 |
<Altima_Lookbook>
|
27 |
+
<version>1.0.1</version>
|
28 |
</Altima_Lookbook>
|
29 |
</modules>
|
30 |
<frontend>
|
app/code/local/Altima/Lookbook/etc/system.xml
CHANGED
@@ -108,7 +108,66 @@
|
|
108 |
<show_in_website>1</show_in_website>
|
109 |
<show_in_store>1</show_in_store>
|
110 |
<comment><![CDATA[Comma separated file extensions. Example, "jpg,gif,png"]]></comment>
|
111 |
-
</allowed_extensions>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
112 |
</fields>
|
113 |
</general>
|
114 |
</groups>
|
108 |
<show_in_website>1</show_in_website>
|
109 |
<show_in_store>1</show_in_store>
|
110 |
<comment><![CDATA[Comma separated file extensions. Example, "jpg,gif,png"]]></comment>
|
111 |
+
</allowed_extensions>
|
112 |
+
<effects translate="label">
|
113 |
+
<label>Effect</label>
|
114 |
+
<frontend_type>multiselect</frontend_type>
|
115 |
+
<source_model>lookbook/config_source_effect</source_model>
|
116 |
+
<sort_order>80</sort_order>
|
117 |
+
<show_in_default>1</show_in_default>
|
118 |
+
<show_in_website>1</show_in_website>
|
119 |
+
<show_in_store>1</show_in_store>
|
120 |
+
<can_be_empty>1</can_be_empty>
|
121 |
+
<comment><![CDATA[You can use more than one effect or leave empty to use the random effect.]]></comment>
|
122 |
+
</effects>
|
123 |
+
<navigation translate="label">
|
124 |
+
<label>Show navigation</label>
|
125 |
+
<frontend_type>select</frontend_type>
|
126 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
127 |
+
<sort_order>90</sort_order>
|
128 |
+
<show_in_default>1</show_in_default>
|
129 |
+
<show_in_website>1</show_in_website>
|
130 |
+
<show_in_store>1</show_in_store>
|
131 |
+
<comment><![CDATA[If YES the navigation button (prev, next and play/stop buttons) will be visible, if NO they will be always hidden.]]></comment>
|
132 |
+
</navigation>
|
133 |
+
<navigation_hover translate="label">
|
134 |
+
<label>Navigation on hover state only</label>
|
135 |
+
<frontend_type>select</frontend_type>
|
136 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
137 |
+
<sort_order>100</sort_order>
|
138 |
+
<show_in_default>1</show_in_default>
|
139 |
+
<show_in_website>1</show_in_website>
|
140 |
+
<show_in_store>1</show_in_store>
|
141 |
+
<comment><![CDATA[If YES the navigation button (prev, next and play/stop buttons) will be visible on hover state only, if NO they will be visible always.]]></comment>
|
142 |
+
</navigation_hover>
|
143 |
+
<thumbnails translate="label">
|
144 |
+
<label>Show thumbnails</label>
|
145 |
+
<frontend_type>select</frontend_type>
|
146 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
147 |
+
<sort_order>110</sort_order>
|
148 |
+
<show_in_default>1</show_in_default>
|
149 |
+
<show_in_website>1</show_in_website>
|
150 |
+
<show_in_store>1</show_in_store>
|
151 |
+
<comment><![CDATA[If YES the thumbnails will be visible, if NO will show the pagination.]]></comment>
|
152 |
+
</thumbnails>
|
153 |
+
<pause translate="label">
|
154 |
+
<label>Pause</label>
|
155 |
+
<frontend_type>text</frontend_type>
|
156 |
+
<sort_order>120</sort_order>
|
157 |
+
<show_in_default>1</show_in_default>
|
158 |
+
<show_in_website>1</show_in_website>
|
159 |
+
<show_in_store>1</show_in_store>
|
160 |
+
<comment><![CDATA[Milliseconds between the end of the sliding effect and the start of the next one]]></comment>
|
161 |
+
</pause>
|
162 |
+
<transition_duration translate="label">
|
163 |
+
<label>Transition duration</label>
|
164 |
+
<frontend_type>text</frontend_type>
|
165 |
+
<sort_order>130</sort_order>
|
166 |
+
<show_in_default>1</show_in_default>
|
167 |
+
<show_in_website>1</show_in_website>
|
168 |
+
<show_in_store>1</show_in_store>
|
169 |
+
<comment><![CDATA[Length of the sliding effect in milliseconds.]]></comment>
|
170 |
+
</transition_duration>
|
171 |
</fields>
|
172 |
</general>
|
173 |
</groups>
|
app/design/frontend/base/default/template/lookbook/lookbook.phtml
CHANGED
@@ -27,172 +27,57 @@ if ($helper->getEnabled()) :
|
|
27 |
|
28 |
$width = $helper->getMaxImageWidth();
|
29 |
$height = $helper->getMaxImageHeight();
|
30 |
-
$
|
|
|
|
|
|
|
|
|
|
|
|
|
31 |
$hotspots = array();
|
32 |
|
33 |
if ($makets->getSize()) :
|
34 |
?>
|
35 |
-
<
|
36 |
-
|
37 |
-
|
38 |
-
|
39 |
-
|
40 |
-
|
41 |
-
|
42 |
-
|
43 |
-
|
44 |
-
|
45 |
-
|
46 |
-
|
47 |
-
|
48 |
-
|
49 |
-
|
50 |
-
#slides .next,#slides .prev {
|
51 |
-
top:<?php echo $height/2-21?>px;
|
52 |
-
left:-24px;
|
53 |
-
}
|
54 |
-
|
55 |
-
#slides .next {
|
56 |
-
left:<?php echo $width?>px;
|
57 |
-
}
|
58 |
-
|
59 |
-
.caption {
|
60 |
-
width:<?php echo $width?>px;
|
61 |
-
}
|
62 |
-
|
63 |
-
.pagination {
|
64 |
-
width:<?php echo 16*$makets->getSize()?>px;
|
65 |
-
}
|
66 |
-
</style>
|
67 |
-
<div id="lookbook">
|
68 |
-
<div id="slides" class="slides">
|
69 |
-
<div class="slides_container">
|
70 |
-
<?php foreach ($makets as $image): ?>
|
71 |
-
<div class="slide">
|
72 |
-
<?php echo base64_decode('PGRpdiBpZD0iYWR2X2xpbmsiPjxkaXY+UG93ZXJlZCBieSA8YSBocmVmPSJodHRwOi8vc2hvcC5hbHRpbWEubmV0LmF1L21hZ2VudG8tZXh0ZW5zaW9ucy5odG1sIiB0aXRsZT0iQWx0aW1hIFdlYiBTeXN0ZW1zIiB0YXJnZXQ9Il9ibGFuayI+QWx0aW1hPC9hPjwvZGl2PjwvZGl2Pg==');?>
|
73 |
-
<img src="<?php echo $helper->getResizedUrl($image->getImage(), $width, $height);?>" alt="Slide <?php echo $image->getId();?>"/>
|
74 |
-
<div class="caption" style="bottom:0;">
|
75 |
-
<p><?php echo $image->getName();?></p>
|
76 |
-
</div>
|
77 |
-
</div>
|
78 |
-
<?php $hotspots[] = $helper->getHotspotsWithProductDetails($image->getHotspots()); ?>
|
79 |
-
<?php endforeach; ?>
|
80 |
-
</div>
|
81 |
-
<a href="#" class="prev"><img src="<?php echo $skin_img_folder;?>arrow-prev.png" width="24" height="43" alt="Arrow Prev"/></a>
|
82 |
-
<a href="#" class="next"><img src="<?php echo $skin_img_folder;?>arrow-next.png" width="24" height="43" alt="Arrow Next"/></a>
|
83 |
-
</div>
|
84 |
-
</div>
|
85 |
<script type="text/javascript">
|
86 |
//<![CDATA[
|
87 |
jQuery(document).ready(function(){
|
88 |
-
|
89 |
-
|
90 |
-
|
91 |
-
|
92 |
-
|
93 |
-
|
94 |
-
|
95 |
-
|
96 |
-
|
97 |
-
|
98 |
-
|
99 |
-
|
100 |
-
|
101 |
-
|
102 |
-
|
103 |
-
|
104 |
-
|
105 |
-
|
106 |
-
|
107 |
-
|
108 |
-
|
109 |
-
|
110 |
-
slidesLoaded: function() {
|
111 |
-
jQuery('#lookbook .caption').animate({
|
112 |
-
bottom:0
|
113 |
-
},200);
|
114 |
-
var spots = this.hotspots[0];
|
115 |
-
SetHotspots(spots);
|
116 |
-
}
|
117 |
-
});
|
118 |
-
|
119 |
-
function SetHotspots(hotspots) {
|
120 |
-
if (!hotspots) return false;
|
121 |
-
var i=0;
|
122 |
-
hotspots.each(function() {
|
123 |
-
if (!document.getElementById(hotspots[i].id)) {
|
124 |
-
jQuery('#lookbook .slide:visible').append('<div class="hotspot" id="'+hotspots[i].id+'" style="left:'+hotspots[i].left+'px; top:'+hotspots[i].top+'px; width:'+hotspots[i].width+'px; height:'+hotspots[i].height+'px;">'+hotspots[i].text+'</div>');
|
125 |
-
|
126 |
-
var infoblock = jQuery('#lookbook .slide:visible #'+hotspots[i].id).find('.product-info');
|
127 |
-
var slide = jQuery('#lookbook .slide:visible');
|
128 |
-
var imgwidth = slide.width();
|
129 |
-
var infowidth = infoblock.width();
|
130 |
-
var hspt_width_hf = parseInt(hotspots[i].width/2);
|
131 |
-
var leftposition = hotspots[i].left+hspt_width_hf+7;
|
132 |
-
infoblock.find('.info-icon').css('left',hspt_width_hf+'px');
|
133 |
-
if (((leftposition + infowidth + 10)> imgwidth) && (leftposition>(imgwidth-leftposition)))
|
134 |
-
{
|
135 |
-
if ( jQuery.browser.msie && jQuery.browser.version=='8.0') {
|
136 |
-
if (leftposition-5<infowidth) {
|
137 |
-
infoblock.css('width', leftposition-20 +'px');
|
138 |
-
infowidth = infoblock.width();
|
139 |
-
}
|
140 |
-
infoblock.css('left', hspt_width_hf-7-infowidth-2*parseInt(infoblock.css('padding-left'))+'px');
|
141 |
-
}
|
142 |
-
else
|
143 |
-
{
|
144 |
-
infoblock.css('left', '');
|
145 |
-
infoblock.css('right', hspt_width_hf+7+'px');
|
146 |
-
}
|
147 |
-
if (leftposition-5<infowidth) {
|
148 |
-
infoblock.css('width', leftposition-20 +'px');
|
149 |
-
infowidth = infoblock.width();
|
150 |
-
}
|
151 |
-
}
|
152 |
-
else
|
153 |
-
{
|
154 |
-
infoblock.css('left', hspt_width_hf+7 + 'px');
|
155 |
-
if ((imgwidth-leftposition-5)<infowidth) {
|
156 |
-
infoblock.css('width', imgwidth-leftposition-20 +'px');
|
157 |
-
infowidth = infoblock.width();
|
158 |
-
}
|
159 |
-
}
|
160 |
-
|
161 |
-
var imgheight = slide.height();
|
162 |
-
var infoheight = infoblock.height();
|
163 |
-
var hspt_height_hf = parseInt(hotspots[i].height/2);
|
164 |
-
var topposition = hotspots[i].top+hspt_height_hf;
|
165 |
-
if (((topposition + infoheight + 20)> imgheight) && (topposition>(imgheight-topposition)))
|
166 |
-
{
|
167 |
-
if ( jQuery.browser.msie && jQuery.browser.version=='8.0') {
|
168 |
-
if (topposition-5<infoheight) {
|
169 |
-
infoblock.css('height', topposition-10 +'px');
|
170 |
-
infoheight = infoblock.height();
|
171 |
-
}
|
172 |
-
infoblock.css('top', hspt_height_hf-infoheight-2*parseInt(infoblock.css('padding-top'))+'px');
|
173 |
-
}
|
174 |
-
else
|
175 |
-
{
|
176 |
-
infoblock.css('top', '');
|
177 |
-
infoblock.css('bottom', hspt_height_hf+'px');
|
178 |
-
}
|
179 |
-
if (topposition-5<infoheight) {
|
180 |
-
infoblock.css('height', topposition-10 +'px');
|
181 |
-
infoheight = infoblock.height();
|
182 |
-
}
|
183 |
-
}
|
184 |
-
else
|
185 |
-
{
|
186 |
-
infoblock.css('top', hspt_height_hf + 'px');
|
187 |
-
if ((imgheight-topposition-5)<infoheight) {
|
188 |
-
infoblock.css('height', imgheight-topposition-10 +'px');
|
189 |
-
infoheight = infoblock.height();
|
190 |
-
}
|
191 |
-
}
|
192 |
-
i++;
|
193 |
-
}
|
194 |
-
});
|
195 |
-
};
|
196 |
});
|
197 |
//]]>
|
198 |
</script>
|
27 |
|
28 |
$width = $helper->getMaxImageWidth();
|
29 |
$height = $helper->getMaxImageHeight();
|
30 |
+
$effects = $helper->getEffects();
|
31 |
+
if (!$effects || $effects=='') $effects = 'random';
|
32 |
+
$navigation = ($helper->getNavigation()==1) ? 'true' : 'false';
|
33 |
+
$navigationHover = ($helper->getNavigationHover()==1) ? 'true' : 'false';
|
34 |
+
$thumbnails = ($helper->getThumbnails()==1) ? 'true' : 'false';
|
35 |
+
$pause = ($helper->getPause()) ? $helper->getPause() : 7000;
|
36 |
+
$trans_period = ($helper->getTransitionDuration()) ? $helper->getTransitionDuration() : 1500;
|
37 |
$hotspots = array();
|
38 |
|
39 |
if ($makets->getSize()) :
|
40 |
?>
|
41 |
+
<div class="camera_wrap camera_black_skin" id="lookbook" style="width:<?php echo $width;?>px;">
|
42 |
+
<?php foreach ($makets as $image): ?>
|
43 |
+
<div data-thumb="<?php echo $helper->getResizedUrl($image->getData('image'), 100, 100);?>" data-src="<?php echo $helper->getResizedUrl($image->getData('image'), $width, $height);?>">
|
44 |
+
<?php echo base64_decode('PGRpdiBpZD0iYWR2X2xpbmsiPjxkaXY+UG93ZXJlZCBieSA8YSBocmVmPSJodHRwOi8vc2hvcC5hbHRpbWEubmV0LmF1L21hZ2VudG8tZXh0ZW5zaW9ucy5odG1sIiB0aXRsZT0iQWx0aW1hIFdlYiBTeXN0ZW1zIiB0YXJnZXQ9Il9ibGFuayI+QWx0aW1hPC9hPjwvZGl2PjwvZGl2Pg==');?>
|
45 |
+
<img src="<?php echo $helper->getResizedUrl($image->getData('image'), $width, $height);?>" alt="Slide <?php echo $image->getId();?>"/>
|
46 |
+
<?php if($image->getName()!='') :?>
|
47 |
+
<div class="camera_caption fadeFromBottom">
|
48 |
+
<?php echo $image->getName();?>
|
49 |
+
</div>
|
50 |
+
<?php endif;?>
|
51 |
+
</div>
|
52 |
+
<?php $hotspots[] = $helper->getHotspotsWithProductDetails($image->getHotspots()); ?>
|
53 |
+
<?php endforeach; ?>
|
54 |
+
</div>
|
55 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
56 |
<script type="text/javascript">
|
57 |
//<![CDATA[
|
58 |
jQuery(document).ready(function(){
|
59 |
+
jQuery('#lookbook').camera({
|
60 |
+
fx: '<?php echo $effects;?>',
|
61 |
+
navigation: <?php echo $navigation;?>,
|
62 |
+
navigationHover: <?php echo $navigationHover;?>,
|
63 |
+
<?php if ($thumbnails=='true'): ?>
|
64 |
+
pagination: false,
|
65 |
+
thumbnails: true,
|
66 |
+
<?php else: ?>
|
67 |
+
pagination: true,
|
68 |
+
thumbnails: false,
|
69 |
+
<?php endif; ?>
|
70 |
+
time: <?php echo $pause;?>,
|
71 |
+
trans_period: <?php echo $trans_period;?>,
|
72 |
+
piePosition: 'leftTop',
|
73 |
+
height: '<?php echo $height;?>px',
|
74 |
+
width: '<?php echo $width;?>px'
|
75 |
+
});
|
76 |
+
var hotspots = <?php echo json_encode($hotspots);?>;
|
77 |
+
jQuery('#lookbook .cameraContent').each(function(){
|
78 |
+
var ind = jQuery(this).index();
|
79 |
+
jQuery.setHotspots(jQuery(this), hotspots[ind]);
|
80 |
+
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
81 |
});
|
82 |
//]]>
|
83 |
</script>
|
js/lookbook/slides.min.jquery.js
DELETED
@@ -1,20 +0,0 @@
|
|
1 |
-
/*
|
2 |
-
* Slides, A Slideshow Plugin for jQuery
|
3 |
-
* Intructions: http://slidesjs.com
|
4 |
-
* By: Nathan Searles, http://nathansearles.com
|
5 |
-
* Version: 1.1.9
|
6 |
-
* Updated: September 5th, 2011
|
7 |
-
*
|
8 |
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
9 |
-
* you may not use this file except in compliance with the License.
|
10 |
-
* You may obtain a copy of the License at
|
11 |
-
*
|
12 |
-
* http://www.apache.org/licenses/LICENSE-2.0
|
13 |
-
*
|
14 |
-
* Unless required by applicable law or agreed to in writing, software
|
15 |
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
16 |
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
17 |
-
* See the License for the specific language governing permissions and
|
18 |
-
* limitations under the License.
|
19 |
-
*/
|
20 |
-
(function(a){a.fn.slides=function(b){return b=a.extend({},a.fn.slides.option,b),this.each(function(){function w(g,h,i){if(!p&&o){p=!0,b.animationStart(n+1);switch(g){case"next":l=n,k=n+1,k=e===k?0:k,r=f*2,g=-f*2,n=k;break;case"prev":l=n,k=n-1,k=k===-1?e-1:k,r=0,g=0,n=k;break;case"pagination":k=parseInt(i,10),l=a("."+b.paginationClass+" li."+b.currentClass+" a",c).attr("href").match("[^#/]+$"),k>l?(r=f*2,g=-f*2):(r=0,g=0),n=k}h==="fade"?b.crossfade?d.children(":eq("+k+")",c).css({zIndex:10}).fadeIn(b.fadeSpeed,b.fadeEasing,function(){b.autoHeight?d.animate({height:d.children(":eq("+k+")",c).outerHeight()},b.autoHeightSpeed,function(){d.children(":eq("+l+")",c).css({display:"none",zIndex:0}),d.children(":eq("+k+")",c).css({zIndex:0}),b.animationComplete(k+1),p=!1}):(d.children(":eq("+l+")",c).css({display:"none",zIndex:0}),d.children(":eq("+k+")",c).css({zIndex:0}),b.animationComplete(k+1),p=!1)}):d.children(":eq("+l+")",c).fadeOut(b.fadeSpeed,b.fadeEasing,function(){b.autoHeight?d.animate({height:d.children(":eq("+k+")",c).outerHeight()},b.autoHeightSpeed,function(){d.children(":eq("+k+")",c).fadeIn(b.fadeSpeed,b.fadeEasing)}):d.children(":eq("+k+")",c).fadeIn(b.fadeSpeed,b.fadeEasing,function(){a.browser.msie&&a(this).get(0).style.removeAttribute("filter")}),b.animationComplete(k+1),p=!1}):(d.children(":eq("+k+")").css({left:r,display:"block"}),b.autoHeight?d.animate({left:g,height:d.children(":eq("+k+")").outerHeight()},b.slideSpeed,b.slideEasing,function(){d.css({left:-f}),d.children(":eq("+k+")").css({left:f,zIndex:5}),d.children(":eq("+l+")").css({left:f,display:"none",zIndex:0}),b.animationComplete(k+1),p=!1}):d.animate({left:g},b.slideSpeed,b.slideEasing,function(){d.css({left:-f}),d.children(":eq("+k+")").css({left:f,zIndex:5}),d.children(":eq("+l+")").css({left:f,display:"none",zIndex:0}),b.animationComplete(k+1),p=!1})),b.pagination&&(a("."+b.paginationClass+" li."+b.currentClass,c).removeClass(b.currentClass),a("."+b.paginationClass+" li:eq("+k+")",c).addClass(b.currentClass))}}function x(){clearInterval(c.data("interval"))}function y(){b.pause?(clearTimeout(c.data("pause")),clearInterval(c.data("interval")),u=setTimeout(function(){clearTimeout(c.data("pause")),v=setInterval(function(){w("next",i)},b.play),c.data("interval",v)},b.pause),c.data("pause",u)):x()}a("."+b.container,a(this)).children().wrapAll('<div class="slides_control"/>');var c=a(this),d=a(".slides_control",c),e=d.children().size(),f=d.children().outerWidth(),g=d.children().outerHeight(),h=b.start-1,i=b.effect.indexOf(",")<0?b.effect:b.effect.replace(" ","").split(",")[0],j=b.effect.indexOf(",")<0?i:b.effect.replace(" ","").split(",")[1],k=0,l=0,m=0,n=0,o,p,q,r,s,t,u,v;if(e<2)return a("."+b.container,a(this)).fadeIn(b.fadeSpeed,b.fadeEasing,function(){o=!0,b.slidesLoaded()}),a("."+b.next+", ."+b.prev).fadeOut(0),!1;if(e<2)return;h<0&&(h=0),h>e&&(h=e-1),b.start&&(n=h),b.randomize&&d.randomize(),a("."+b.container,c).css({overflow:"hidden",position:"relative"}),d.children().css({position:"absolute",top:0,left:d.children().outerWidth(),zIndex:0,display:"none"}),d.css({position:"relative",width:f*3,height:g,left:-f}),a("."+b.container,c).css({display:"block"}),b.autoHeight&&(d.children().css({height:"auto"}),d.animate({height:d.children(":eq("+h+")").outerHeight()},b.autoHeightSpeed));if(b.preload&&d.find("img:eq("+h+")").length){a("."+b.container,c).css({background:"url("+b.preloadImage+") no-repeat 50% 50%"});var z=d.find("img:eq("+h+")").attr("src")+"?"+(new Date).getTime();a("img",c).parent().attr("class")!="slides_control"?t=d.children(":eq(0)")[0].tagName.toLowerCase():t=d.find("img:eq("+h+")"),d.find("img:eq("+h+")").attr("src",z).load(function(){d.find(t+":eq("+h+")").fadeIn(b.fadeSpeed,b.fadeEasing,function(){a(this).css({zIndex:5}),a("."+b.container,c).css({background:""}),o=!0,b.slidesLoaded()})})}else d.children(":eq("+h+")").fadeIn(b.fadeSpeed,b.fadeEasing,function(){o=!0,b.slidesLoaded()});b.bigTarget&&(d.children().css({cursor:"pointer"}),d.children().click(function(){return w("next",i),!1})),b.hoverPause&&b.play&&(d.bind("mouseover",function(){x()}),d.bind("mouseleave",function(){y()})),b.generateNextPrev&&(a("."+b.container,c).after('<a href="#" class="'+b.prev+'">Prev</a>'),a("."+b.prev,c).after('<a href="#" class="'+b.next+'">Next</a>')),a("."+b.next,c).click(function(a){a.preventDefault(),b.play&&y(),w("next",i)}),a("."+b.prev,c).click(function(a){a.preventDefault(),b.play&&y(),w("prev",i)}),b.generatePagination?(b.prependPagination?c.prepend("<ul class="+b.paginationClass+"></ul>"):c.append("<ul class="+b.paginationClass+"></ul>"),d.children().each(function(){a("."+b.paginationClass,c).append('<li><a href="#'+m+'">'+(m+1)+"</a></li>"),m++})):a("."+b.paginationClass+" li a",c).each(function(){a(this).attr("href","#"+m),m++}),a("."+b.paginationClass+" li:eq("+h+")",c).addClass(b.currentClass),a("."+b.paginationClass+" li a",c).click(function(){return b.play&&y(),q=a(this).attr("href").match("[^#/]+$"),n!=q&&w("pagination",j,q),!1}),a("a.link",c).click(function(){return b.play&&y(),q=a(this).attr("href").match("[^#/]+$")-1,n!=q&&w("pagination",j,q),!1}),b.play&&(v=setInterval(function(){w("next",i)},b.play),c.data("interval",v))})},a.fn.slides.option={preload:!1,preloadImage:"/img/loading.gif",container:"slides_container",generateNextPrev:!1,next:"next",prev:"prev",pagination:!0,generatePagination:!0,prependPagination:!1,paginationClass:"pagination",currentClass:"current",fadeSpeed:350,fadeEasing:"",slideSpeed:350,slideEasing:"",start:1,effect:"slide",crossfade:!1,randomize:!1,play:0,pause:0,hoverPause:!1,autoHeight:!1,autoHeightSpeed:350,bigTarget:!1,animationStart:function(){},animationComplete:function(){},slidesLoaded:function(){}},a.fn.randomize=function(b){function c(){return Math.round(Math.random())-.5}return a(this).each(function(){var d=a(this),e=d.children(),f=e.length;if(f>1){e.hide();var g=[];for(i=0;i<f;i++)g[g.length]=i;g=g.sort(c),a.each(g,function(a,c){var f=e.eq(c),g=f.clone(!0);g.show().appendTo(d),b!==undefined&&b(f,g),f.remove()})}})}})(jQuery)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
package.xml
CHANGED
@@ -1,18 +1,22 @@
|
|
1 |
<?xml version="1.0"?>
|
2 |
<package>
|
3 |
<name>Altima_lookbook_free</name>
|
4 |
-
<version>0.1
|
5 |
<stability>stable</stability>
|
6 |
<license uri="http://opensource.org/licenses/osl-3.0.php">Open Software License (OSL 3.0)</license>
|
7 |
<channel>community</channel>
|
8 |
<extends/>
|
9 |
<summary>Create interactive gallery - photos of your goods in environment with hotspots linked to product pages</summary>
|
10 |
<description>Altima Lookbook Free lets you create interactive gallery and show the best of your products to customers.</description>
|
11 |
-
<notes>
|
12 |
-
|
13 |
-
|
14 |
-
|
15 |
-
|
|
|
|
|
|
|
|
|
16 |
<compatible/>
|
17 |
-
<dependencies
|
18 |
</package>
|
1 |
<?xml version="1.0"?>
|
2 |
<package>
|
3 |
<name>Altima_lookbook_free</name>
|
4 |
+
<version>1.0.1</version>
|
5 |
<stability>stable</stability>
|
6 |
<license uri="http://opensource.org/licenses/osl-3.0.php">Open Software License (OSL 3.0)</license>
|
7 |
<channel>community</channel>
|
8 |
<extends/>
|
9 |
<summary>Create interactive gallery - photos of your goods in environment with hotspots linked to product pages</summary>
|
10 |
<description>Altima Lookbook Free lets you create interactive gallery and show the best of your products to customers.</description>
|
11 |
+
<notes>New slider library - Camera jQuery plugin replaced slides.min.jQuery.js, so now Lookbook Free has:
|
12 |
+
- 28 transition effects + “random”;
|
13 |
+
- ability to show the thumbnails of slides instead of pagination;
|
14 |
+
- ability to show/show on hover state only/hide the navigation buttons;
|
15 |
+
- minor tweaks and improvements</notes>
|
16 |
+
<authors><author><name>Alexander</name><user>altimaweb</user><email>alex@altima.net.au</email></author></authors>
|
17 |
+
<date>2013-04-23</date>
|
18 |
+
<time>14:29:56</time>
|
19 |
+
<contents><target name="magelocal"><dir><dir name="Altima"><dir name="Lookbook"><dir name="Block"><dir name="Adminhtml"><dir name="Lookbook"><dir name="Edit"><dir name="Form"><dir name="Element"><file name="Hotspots.php" hash="f7e5a768df8c088474b7ef09a0f976c6"/><file name="Lookbookimage.php" hash="9234f1daa33e70d7bcf5a3824924dc38"/></dir></dir><file name="Form.php" hash="c4f32e1a2013d2bd436a90b0c3c77a5f"/><dir name="Tab"><file name="Form.php" hash="3bc18cf0c96a34c2c3db598e622fdbc7"/></dir><file name="Tabs.php" hash="24d5820584ce75878c9a950f94756ffc"/></dir><file name="Edit.php" hash="f0a347f0e76490d68d67a47875fdd89b"/><file name="Grid.php" hash="31a2de1234c16aa8b3734945cfec19b9"/></dir><file name="Lookbook.php" hash="d96830c83f91ee3a78492cc1edd6bff5"/><dir name="Template"><dir name="Grid"><dir name="Renderer"><file name="Image.php" hash="b5cf2e36bc23d0f25a8a1453062949f3"/></dir></dir></dir></dir><file name="Lookbook.php" hash="dfe1c58667f1f8bbd1a0860d1ed12429"/></dir><dir name="Helper"><file name="Data.php" hash="8fde1fef5da70ac535fdff0bffa6c1d7"/></dir><dir name="Model"><dir name="Config"><dir name="Source"><file name="Effect.php" hash="0ab6fee52eddc6cd59c055447e46ddfa"/></dir></dir><file name="Fileuploader.php" hash="f987f0b2170a16ab9a1fa2f2f99ce2a6"/><dir name="Layout"><dir name="Generate"><file name="Observer.php" hash="9cdacf014d902251c875092f3c0448f5"/></dir></dir><file name="Lookbook.php" hash="3eb927a4ecd93ac299588ad7129c5ff4"/><dir name="Mysql4"><dir name="Lookbook"><file name="Collection.php" hash="41afe8655609410962e6b2068fc974d4"/></dir><file name="Lookbook.php" hash="2026fe0e3150b5a46c85df031bcc9c88"/></dir><file name="Status.php" hash="8ec99dd61315524a21dbaeb5672530a2"/><file name="Uploadedfileform.php" hash="88fa3bbf7e11ca6628011b2ce16e43a3"/><file name="Uploadedfilexhr.php" hash="e459a403415cc4a70b74fd30db1359d9"/></dir><dir name="controllers"><dir name="Adminhtml"><file name="LookbookController.php" hash="99d7e3001389c2592abbe20138fa0335"/></dir><file name="IndexController.php" hash="3db667312e80e4ada1c5dff6297399d4"/></dir><dir name="etc"><file name="config.xml" hash="60ea87590cb88db386d8c91c738ea456"/><file name="system.xml" hash="5950567fda5ddd0f1f2201ffc2afe1da"/></dir><dir name="sql"><dir name="lookbook_setup"><file name="mysql4-install-0.1.4.php" hash="4db9cbe98f529f6c02686550cbdf1520"/></dir></dir></dir></dir></dir></target><target name="mage"><dir><dir name="app"><dir name="etc"><dir name="modules"><file name="Altima_Lookbook.xml" hash="a34f1cc1dbe2a184664d3877116f2977"/></dir></dir></dir><dir name="js"><dir name="lookbook"><file name="fileuploader.js" hash="64cb3de32e4a6cc1710dd08bb0da582a"/><file name="jquery-ui-1.9.1.js" hash="e3afa2a5c2ef212277864dfd43408ce4"/><file name="jquery.annotate.js" hash="f9534530d6156b4b8471cfe5c259a594"/><file name="json2.min.js" hash="041eedd4d7676d33b6ccd2056734e4b3"/></dir><dir name="jquery"><file name="jquery-1.8.2.min.js" hash="cfa9051cc0b05eb519f1e16b2a6645d7"/><file name="jquery.noconflict.js" hash="3179f2255b046d5f2e9a71e365287bef"/></dir></dir></dir></target><target name="magedesign"><dir><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><file name="lookbook.xml" hash="b868ff7f1c7a1747c677f6ab7c521c0e"/></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="layout"><file name="lookbook.xml" hash="0d28307c6c401b4be2292948b6e0ea86"/></dir><dir name="template"><dir name="lookbook"><file name="lookbook.phtml" hash="3b42d5d83eae4f20fac8acd4aaa92cbc"/></dir></dir></dir></dir></dir></dir></target><target name="mageskin"><dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="lookbook"><dir name="css"><file name="hotspots.css" hash="472045c1413e26241eed2f9586b85856"/></dir><dir name="images"><file name="adv-bg.png" hash="06af9432757479345a304c8d8b8b3939"/><file name="camera-loader.gif" hash="cd2e13291ecdcac7f575beea6d84b099"/><file name="camera_skins.png" hash="44234b21bebe6b318aab47d9e9bbbee9"/><file name="caption-bg.png" hash="b09e2b8f7382607b51b0392ba46f5963"/><file name="info-bg.png" hash="6b2e3b329380a9bf3c298e3a6c34a7fa"/><dir name="patterns"><file name="overlay1.png" hash="1f146c3ca45b7de58990fe35674f3c12"/><file name="overlay10.png" hash="e1eb49ee07e74a2c4fee9dad5f17a513"/><file name="overlay2.png" hash="ddcf42fed3bf5234b7846a74bf17fc6d"/><file name="overlay3.png" hash="d3deed31d1eed4f17432ff93aefd9daf"/><file name="overlay4.png" hash="8df992721519d21ba39626a8615393c4"/><file name="overlay5.png" hash="a839858206fe25a686265e5868a00fbf"/><file name="overlay6.png" hash="de8c31ab33ca41114addad876a7d057b"/><file name="overlay7.png" hash="8475f8c4b675c531f5fca9d0f8266889"/><file name="overlay8.png" hash="a13c787a719e0619ce82ba73bacd9498"/><file name="overlay9.png" hash="06b734ded54bbe1761e3b67acd2575e5"/></dir></dir><dir name="js"><file name="camera.min.js" hash="fb5074c5cf40020f7d0ab68a6d96db97"/><file name="hotspots.js" hash="47a050d6647fc0f70863a0aad95ed21d"/><file name="jquery.easing.1.3.js" hash="6516449ed5089677ed3d7e2f11fc8942"/></dir></dir></dir></dir></dir><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="lookbook"><dir name="css"><file name="annotation.css" hash="a47fa611c7abbe1913145b120b09a260"/><file name="fileuploader.css" hash="8678f7cde252ff89caead1d92511da5f"/></dir><dir name="images"><file name="btn_bg.gif" hash="37c51a4d48a92da9648dcd3ca011039f"/><file name="btn_gray_bg.gif" hash="8be512788b8044fe31aa8d00cc16ba7b"/><file name="btn_over_bg.gif" hash="f91641168454c03d1fa72731ec97a2b3"/><file name="cancel_btn_icon.png" hash="343e0534818e33d4e3886aa4694602d7"/><file name="cross.png" hash="42492684e24356a4081134894eabeb9e"/><file name="delete_btn_icon.png" hash="04485bbcca5d645427061365185b4a76"/><file name="icon_btn_add.png" hash="3a99c7c227e5e6feb656e1649a8264ab"/><file name="link_external.png" hash="7cc8feaca790904979edda0ba930d6cd"/><file name="loading.gif" hash="2da0807814ad64841cd597c4e8a653d1"/><file name="ok_btn_icon.png" hash="bf2b8c5bb1c784e8d907f5d6345f0e5e"/><file name="upload_btn_icon.png" hash="1ede630273613ffe452dede682e5e028"/></dir></dir></dir></dir></dir></dir></target><target name="magemedia"><dir><dir name="lookbook"><dir name="icons"><dir name="default"><file name="hotspot-icon.png" hash="fa27397b9eb8b54df13e62a5a1b6c8b8"/></dir></dir></dir></dir></target></contents>
|
20 |
<compatible/>
|
21 |
+
<dependencies><required><php><min>5.2.6</min><max>6.0.0</max></php></required></dependencies>
|
22 |
</package>
|
skin/frontend/base/default/lookbook/css/hotspots.css
CHANGED
@@ -1,3 +1,520 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
#lookbook {
|
2 |
position:relative;
|
3 |
}
|
@@ -31,68 +548,6 @@
|
|
31 |
font-family: Arial;
|
32 |
}
|
33 |
|
34 |
-
#slides {
|
35 |
-
position:absolute;
|
36 |
-
top:15px;
|
37 |
-
left:15px;
|
38 |
-
}
|
39 |
-
|
40 |
-
.slides_container {
|
41 |
-
overflow:hidden;
|
42 |
-
position:relative;
|
43 |
-
display:none;
|
44 |
-
z-index:7;
|
45 |
-
}
|
46 |
-
.slides_container div.slide {
|
47 |
-
display:block;
|
48 |
-
}
|
49 |
-
#slides .next,#slides .prev {
|
50 |
-
position:absolute;
|
51 |
-
width:24px;
|
52 |
-
height:43px;
|
53 |
-
display:block;
|
54 |
-
z-index:1;
|
55 |
-
}
|
56 |
-
.pagination {
|
57 |
-
margin:16px auto 0 !important;
|
58 |
-
}
|
59 |
-
|
60 |
-
.pagination li {
|
61 |
-
float:left;
|
62 |
-
margin:0 1px;
|
63 |
-
list-style:none;
|
64 |
-
}
|
65 |
-
|
66 |
-
.pagination li a {
|
67 |
-
display:block;
|
68 |
-
width:12px;
|
69 |
-
height:0;
|
70 |
-
padding-top:12px;
|
71 |
-
background-image:url(../images/pagination.png);
|
72 |
-
background-position:0 0;
|
73 |
-
float:left;
|
74 |
-
overflow:hidden;
|
75 |
-
}
|
76 |
-
|
77 |
-
.pagination li.current a {
|
78 |
-
background-position:0 -12px;
|
79 |
-
}
|
80 |
-
|
81 |
-
.caption {
|
82 |
-
position:absolute;
|
83 |
-
bottom:-35px;
|
84 |
-
left:0;
|
85 |
-
height:30px;
|
86 |
-
padding:5px 20px 0 20px;
|
87 |
-
/*background:#000; background:rgba(0,0,0,.5);*/
|
88 |
-
background : url(../images/caption-bg.png) repeat-x 0 0;
|
89 |
-
font-size:1.3em;
|
90 |
-
line-height:1.33;
|
91 |
-
color:#fff;
|
92 |
-
border-top:1px solid #000;
|
93 |
-
text-shadow:none;
|
94 |
-
}
|
95 |
-
|
96 |
.hotspot {
|
97 |
position:absolute;
|
98 |
}
|
1 |
+
/**************************
|
2 |
+
*
|
3 |
+
* GENERAL
|
4 |
+
*
|
5 |
+
**************************/
|
6 |
+
.camera_wrap a, .camera_wrap img,
|
7 |
+
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
|
8 |
+
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
|
9 |
+
.camera_thumbs_wrap a, .camera_thumbs_wrap img,
|
10 |
+
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
|
11 |
+
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
|
12 |
+
background: none;
|
13 |
+
border: 0;
|
14 |
+
font: inherit;
|
15 |
+
font-size: 100%;
|
16 |
+
margin: 0;
|
17 |
+
padding: 0;
|
18 |
+
vertical-align: baseline;
|
19 |
+
list-style: none
|
20 |
+
}
|
21 |
+
.camera_wrap {
|
22 |
+
display: none;
|
23 |
+
float: left;
|
24 |
+
position: relative;
|
25 |
+
z-index: 0;
|
26 |
+
}
|
27 |
+
.camera_wrap img {
|
28 |
+
max-width: none!important;
|
29 |
+
}
|
30 |
+
.camera_fakehover {
|
31 |
+
height: 100%;
|
32 |
+
min-height: 60px;
|
33 |
+
position: relative;
|
34 |
+
width: 100%;
|
35 |
+
z-index: 1;
|
36 |
+
}
|
37 |
+
.camera_wrap {
|
38 |
+
width: 100%;
|
39 |
+
}
|
40 |
+
.camera_src {
|
41 |
+
display: none;
|
42 |
+
}
|
43 |
+
.cameraCont, .cameraContents {
|
44 |
+
height: 100%;
|
45 |
+
position: relative;
|
46 |
+
width: 100%;
|
47 |
+
z-index: 1;
|
48 |
+
}
|
49 |
+
.cameraSlide {
|
50 |
+
bottom: 0;
|
51 |
+
left: 0;
|
52 |
+
position: absolute;
|
53 |
+
right: 0;
|
54 |
+
top: 0;
|
55 |
+
width: 100%;
|
56 |
+
}
|
57 |
+
.cameraContent {
|
58 |
+
bottom: 0;
|
59 |
+
display: none;
|
60 |
+
left: 0;
|
61 |
+
position: absolute;
|
62 |
+
right: 0;
|
63 |
+
top: 0;
|
64 |
+
width: 100%;
|
65 |
+
}
|
66 |
+
.camera_target {
|
67 |
+
bottom: 0;
|
68 |
+
height: 100%;
|
69 |
+
left: 0;
|
70 |
+
overflow: hidden;
|
71 |
+
position: absolute;
|
72 |
+
right: 0;
|
73 |
+
text-align: left;
|
74 |
+
top: 0;
|
75 |
+
width: 100%;
|
76 |
+
z-index: 0;
|
77 |
+
}
|
78 |
+
.camera_overlayer {
|
79 |
+
bottom: 0;
|
80 |
+
height: 100%;
|
81 |
+
left: 0;
|
82 |
+
overflow: hidden;
|
83 |
+
position: absolute;
|
84 |
+
right: 0;
|
85 |
+
top: 0;
|
86 |
+
width: 100%;
|
87 |
+
z-index: 0;
|
88 |
+
}
|
89 |
+
.camera_target_content {
|
90 |
+
bottom: 0;
|
91 |
+
left: 0;
|
92 |
+
overflow: hidden;
|
93 |
+
position: absolute;
|
94 |
+
right: 0;
|
95 |
+
top: 0;
|
96 |
+
z-index: 2;
|
97 |
+
}
|
98 |
+
.camera_target_content .camera_link {
|
99 |
+
background: url(../images/blank.gif);
|
100 |
+
display: block;
|
101 |
+
height: 100%;
|
102 |
+
text-decoration: none;
|
103 |
+
}
|
104 |
+
.camera_loader {
|
105 |
+
background: #fff url(../images/camera-loader.gif) no-repeat center;
|
106 |
+
background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
|
107 |
+
border: 1px solid #ffffff;
|
108 |
+
-webkit-border-radius: 18px;
|
109 |
+
-moz-border-radius: 18px;
|
110 |
+
border-radius: 18px;
|
111 |
+
height: 36px;
|
112 |
+
left: 50%;
|
113 |
+
overflow: hidden;
|
114 |
+
position: absolute;
|
115 |
+
margin: -18px 0 0 -18px;
|
116 |
+
top: 50%;
|
117 |
+
width: 36px;
|
118 |
+
z-index: 3;
|
119 |
+
}
|
120 |
+
.camera_bar {
|
121 |
+
bottom: 0;
|
122 |
+
left: 0;
|
123 |
+
overflow: hidden;
|
124 |
+
position: absolute;
|
125 |
+
right: 0;
|
126 |
+
top: 0;
|
127 |
+
z-index: 3;
|
128 |
+
}
|
129 |
+
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
|
130 |
+
height: 100%;
|
131 |
+
position: absolute;
|
132 |
+
width: auto;
|
133 |
+
}
|
134 |
+
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
|
135 |
+
height: auto;
|
136 |
+
position: absolute;
|
137 |
+
width: 100%;
|
138 |
+
}
|
139 |
+
.camera_nav_cont {
|
140 |
+
height: 65px;
|
141 |
+
overflow: hidden;
|
142 |
+
position: absolute;
|
143 |
+
right: 9px;
|
144 |
+
top: 15px;
|
145 |
+
width: 120px;
|
146 |
+
z-index: 4;
|
147 |
+
}
|
148 |
+
.camera_caption {
|
149 |
+
bottom: 0;
|
150 |
+
display: block;
|
151 |
+
position: absolute;
|
152 |
+
width: 100%;
|
153 |
+
}
|
154 |
+
.camera_caption > div {
|
155 |
+
padding: 10px 20px;
|
156 |
+
}
|
157 |
+
.camerarelative {
|
158 |
+
overflow: hidden;
|
159 |
+
position: relative;
|
160 |
+
}
|
161 |
+
.imgFake {
|
162 |
+
cursor: pointer;
|
163 |
+
}
|
164 |
+
.camera_prevThumbs {
|
165 |
+
bottom: 4px;
|
166 |
+
cursor: pointer;
|
167 |
+
left: 0;
|
168 |
+
position: absolute;
|
169 |
+
top: 4px;
|
170 |
+
visibility: hidden;
|
171 |
+
width: 30px;
|
172 |
+
z-index: 10;
|
173 |
+
}
|
174 |
+
.camera_prevThumbs div {
|
175 |
+
background: url(../images/camera_skins.png) no-repeat -160px 0;
|
176 |
+
display: block;
|
177 |
+
height: 40px;
|
178 |
+
margin-top: -20px;
|
179 |
+
position: absolute;
|
180 |
+
top: 50%;
|
181 |
+
width: 30px;
|
182 |
+
}
|
183 |
+
.camera_nextThumbs {
|
184 |
+
bottom: 4px;
|
185 |
+
cursor: pointer;
|
186 |
+
position: absolute;
|
187 |
+
right: 0;
|
188 |
+
top: 4px;
|
189 |
+
visibility: hidden;
|
190 |
+
width: 30px;
|
191 |
+
z-index: 10;
|
192 |
+
}
|
193 |
+
.camera_nextThumbs div {
|
194 |
+
background: url(../images/camera_skins.png) no-repeat -190px 0;
|
195 |
+
display: block;
|
196 |
+
height: 40px;
|
197 |
+
margin-top: -20px;
|
198 |
+
position: absolute;
|
199 |
+
top: 50%;
|
200 |
+
width: 30px;
|
201 |
+
}
|
202 |
+
.camera_command_wrap .hideNav {
|
203 |
+
display: none;
|
204 |
+
}
|
205 |
+
.camera_command_wrap {
|
206 |
+
left: 0;
|
207 |
+
position: relative;
|
208 |
+
right:0;
|
209 |
+
z-index: 4;
|
210 |
+
}
|
211 |
+
.camera_wrap .camera_pag .camera_pag_ul {
|
212 |
+
list-style: none;
|
213 |
+
margin: 0;
|
214 |
+
padding: 0;
|
215 |
+
text-align: right;
|
216 |
+
}
|
217 |
+
.camera_wrap .camera_pag .camera_pag_ul li {
|
218 |
+
-webkit-border-radius: 8px;
|
219 |
+
-moz-border-radius: 8px;
|
220 |
+
border-radius: 8px;
|
221 |
+
cursor: pointer;
|
222 |
+
display: inline-block;
|
223 |
+
height: 16px;
|
224 |
+
margin: 20px 5px;
|
225 |
+
position: relative;
|
226 |
+
text-align: left;
|
227 |
+
text-indent: -9999px;
|
228 |
+
width: 16px;
|
229 |
+
}
|
230 |
+
.camera_commands_emboss .camera_pag .camera_pag_ul li {
|
231 |
+
-moz-box-shadow:
|
232 |
+
0px 1px 0px rgba(255,255,255,1),
|
233 |
+
inset 0px 1px 1px rgba(0,0,0,0.2);
|
234 |
+
-webkit-box-shadow:
|
235 |
+
0px 1px 0px rgba(255,255,255,1),
|
236 |
+
inset 0px 1px 1px rgba(0,0,0,0.2);
|
237 |
+
box-shadow:
|
238 |
+
0px 1px 0px rgba(255,255,255,1),
|
239 |
+
inset 0px 1px 1px rgba(0,0,0,0.2);
|
240 |
+
}
|
241 |
+
.camera_wrap .camera_pag .camera_pag_ul li > span {
|
242 |
+
-webkit-border-radius: 5px;
|
243 |
+
-moz-border-radius: 5px;
|
244 |
+
border-radius: 5px;
|
245 |
+
height: 8px;
|
246 |
+
left: 4px;
|
247 |
+
overflow: hidden;
|
248 |
+
position: absolute;
|
249 |
+
top: 4px;
|
250 |
+
width: 8px;
|
251 |
+
}
|
252 |
+
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
|
253 |
+
-moz-box-shadow:
|
254 |
+
0px 1px 0px rgba(255,255,255,1),
|
255 |
+
inset 0px 1px 1px rgba(0,0,0,0.2);
|
256 |
+
-webkit-box-shadow:
|
257 |
+
0px 1px 0px rgba(255,255,255,1),
|
258 |
+
inset 0px 1px 1px rgba(0,0,0,0.2);
|
259 |
+
box-shadow:
|
260 |
+
0px 1px 0px rgba(255,255,255,1),
|
261 |
+
inset 0px 1px 1px rgba(0,0,0,0.2);
|
262 |
+
}
|
263 |
+
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
|
264 |
+
-moz-box-shadow: 0;
|
265 |
+
-webkit-box-shadow: 0;
|
266 |
+
box-shadow: 0;
|
267 |
+
}
|
268 |
+
.camera_pag_ul li img {
|
269 |
+
display: none;
|
270 |
+
position: absolute;
|
271 |
+
}
|
272 |
+
.camera_pag_ul .thumb_arrow {
|
273 |
+
border-left: 4px solid transparent;
|
274 |
+
border-right: 4px solid transparent;
|
275 |
+
border-top: 4px solid;
|
276 |
+
top: 0;
|
277 |
+
left: 50%;
|
278 |
+
margin-left: -4px;
|
279 |
+
position: absolute;
|
280 |
+
}
|
281 |
+
.camera_prev, .camera_next, .camera_commands {
|
282 |
+
cursor: pointer;
|
283 |
+
height: 40px;
|
284 |
+
margin-top: -20px;
|
285 |
+
position: absolute;
|
286 |
+
top: 50%;
|
287 |
+
width: 40px;
|
288 |
+
z-index: 2;
|
289 |
+
}
|
290 |
+
.camera_prev {
|
291 |
+
left: 0;
|
292 |
+
}
|
293 |
+
.camera_prev > span {
|
294 |
+
background: url(../images/camera_skins.png) no-repeat 0 0;
|
295 |
+
display: block;
|
296 |
+
height: 40px;
|
297 |
+
width: 40px;
|
298 |
+
}
|
299 |
+
.camera_next {
|
300 |
+
right: 0;
|
301 |
+
}
|
302 |
+
.camera_next > span {
|
303 |
+
background: url(../images/camera_skins.png) no-repeat -40px 0;
|
304 |
+
display: block;
|
305 |
+
height: 40px;
|
306 |
+
width: 40px;
|
307 |
+
}
|
308 |
+
.camera_commands {
|
309 |
+
right: 41px;
|
310 |
+
}
|
311 |
+
.camera_commands > .camera_play {
|
312 |
+
background: url(../images/camera_skins.png) no-repeat -80px 0;
|
313 |
+
height: 40px;
|
314 |
+
width: 40px;
|
315 |
+
}
|
316 |
+
.camera_commands > .camera_stop {
|
317 |
+
background: url(../images/camera_skins.png) no-repeat -120px 0;
|
318 |
+
display: block;
|
319 |
+
height: 40px;
|
320 |
+
width: 40px;
|
321 |
+
}
|
322 |
+
.camera_wrap .camera_pag .camera_pag_ul li {
|
323 |
+
-webkit-border-radius: 8px;
|
324 |
+
-moz-border-radius: 8px;
|
325 |
+
border-radius: 8px;
|
326 |
+
cursor: pointer;
|
327 |
+
display: inline-block;
|
328 |
+
height: 16px;
|
329 |
+
margin: 20px 5px;
|
330 |
+
position: relative;
|
331 |
+
text-indent: -9999px;
|
332 |
+
width: 16px;
|
333 |
+
}
|
334 |
+
.camera_thumbs_cont {
|
335 |
+
-webkit-border-bottom-right-radius: 4px;
|
336 |
+
-webkit-border-bottom-left-radius: 4px;
|
337 |
+
-moz-border-radius-bottomright: 4px;
|
338 |
+
-moz-border-radius-bottomleft: 4px;
|
339 |
+
border-bottom-right-radius: 4px;
|
340 |
+
border-bottom-left-radius: 4px;
|
341 |
+
overflow: hidden;
|
342 |
+
position: relative;
|
343 |
+
width: 100%;
|
344 |
+
}
|
345 |
+
.camera_commands_emboss .camera_thumbs_cont {
|
346 |
+
-moz-box-shadow:
|
347 |
+
0px 1px 0px rgba(255,255,255,1),
|
348 |
+
inset 0px 1px 1px rgba(0,0,0,0.2);
|
349 |
+
-webkit-box-shadow:
|
350 |
+
0px 1px 0px rgba(255,255,255,1),
|
351 |
+
inset 0px 1px 1px rgba(0,0,0,0.2);
|
352 |
+
box-shadow:
|
353 |
+
0px 1px 0px rgba(255,255,255,1),
|
354 |
+
inset 0px 1px 1px rgba(0,0,0,0.2);
|
355 |
+
}
|
356 |
+
.camera_thumbs_cont > div {
|
357 |
+
float: left;
|
358 |
+
width: 100%;
|
359 |
+
}
|
360 |
+
.camera_thumbs_cont ul {
|
361 |
+
overflow: hidden;
|
362 |
+
padding: 3px 4px 8px;
|
363 |
+
position: relative;
|
364 |
+
text-align: center;
|
365 |
+
}
|
366 |
+
.camera_thumbs_cont ul li {
|
367 |
+
display: inline;
|
368 |
+
padding: 0 4px;
|
369 |
+
}
|
370 |
+
.camera_thumbs_cont ul li > img {
|
371 |
+
border: 1px solid;
|
372 |
+
cursor: pointer;
|
373 |
+
margin-top: 5px;
|
374 |
+
vertical-align:bottom;
|
375 |
+
}
|
376 |
+
.camera_clear {
|
377 |
+
display: block;
|
378 |
+
clear: both;
|
379 |
+
}
|
380 |
+
.showIt {
|
381 |
+
display: none;
|
382 |
+
}
|
383 |
+
.camera_clear {
|
384 |
+
clear: both;
|
385 |
+
display: block;
|
386 |
+
height: 1px;
|
387 |
+
margin: -1px 0 25px;
|
388 |
+
position: relative;
|
389 |
+
}
|
390 |
+
/**************************
|
391 |
+
*
|
392 |
+
* COLORS & SKINS
|
393 |
+
*
|
394 |
+
**************************/
|
395 |
+
.pattern_1 .camera_overlayer {
|
396 |
+
background: url(../images/patterns/overlay1.png) repeat;
|
397 |
+
}
|
398 |
+
.pattern_2 .camera_overlayer {
|
399 |
+
background: url(../images/patterns/overlay2.png) repeat;
|
400 |
+
}
|
401 |
+
.pattern_3 .camera_overlayer {
|
402 |
+
background: url(../images/patterns/overlay3.png) repeat;
|
403 |
+
}
|
404 |
+
.pattern_4 .camera_overlayer {
|
405 |
+
background: url(../images/patterns/overlay4.png) repeat;
|
406 |
+
}
|
407 |
+
.pattern_5 .camera_overlayer {
|
408 |
+
background: url(../images/patterns/overlay5.png) repeat;
|
409 |
+
}
|
410 |
+
.pattern_6 .camera_overlayer {
|
411 |
+
background: url(../images/patterns/overlay6.png) repeat;
|
412 |
+
}
|
413 |
+
.pattern_7 .camera_overlayer {
|
414 |
+
background: url(../images/patterns/overlay7.png) repeat;
|
415 |
+
}
|
416 |
+
.pattern_8 .camera_overlayer {
|
417 |
+
background: url(../images/patterns/overlay8.png) repeat;
|
418 |
+
}
|
419 |
+
.pattern_9 .camera_overlayer {
|
420 |
+
background: url(../images/patterns/overlay9.png) repeat;
|
421 |
+
}
|
422 |
+
.pattern_10 .camera_overlayer {
|
423 |
+
background: url(../images/patterns/overlay10.png) repeat;
|
424 |
+
}
|
425 |
+
.camera_caption {
|
426 |
+
color: #fff;
|
427 |
+
}
|
428 |
+
.camera_caption > div {
|
429 |
+
background: #000;
|
430 |
+
background: rgba(0, 0, 0, 0.8);
|
431 |
+
}
|
432 |
+
.camera_wrap .camera_pag .camera_pag_ul li {
|
433 |
+
background: #b7b7b7;
|
434 |
+
}
|
435 |
+
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
|
436 |
+
background: #b7b7b7;
|
437 |
+
}
|
438 |
+
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
|
439 |
+
background: #434648;
|
440 |
+
}
|
441 |
+
.camera_pag_ul li img {
|
442 |
+
border: 4px solid #e6e6e6;
|
443 |
+
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
|
444 |
+
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
|
445 |
+
box-shadow: 0px 3px 6px rgba(0,0,0,.5);
|
446 |
+
}
|
447 |
+
.camera_pag_ul .thumb_arrow {
|
448 |
+
border-top-color: #e6e6e6;
|
449 |
+
}
|
450 |
+
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
|
451 |
+
background: #d8d8d8;
|
452 |
+
background: rgba(216, 216, 216, 0.85);
|
453 |
+
}
|
454 |
+
.camera_wrap .camera_pag .camera_pag_ul li {
|
455 |
+
background: #b7b7b7;
|
456 |
+
}
|
457 |
+
.camera_thumbs_cont ul li > img {
|
458 |
+
border-color: 1px solid #000;
|
459 |
+
}
|
460 |
+
/*BLACK SKIN*/
|
461 |
+
.camera_black_skin .camera_prevThumbs div {
|
462 |
+
background-position: -160px -40px;
|
463 |
+
}
|
464 |
+
.camera_black_skin .camera_nextThumbs div {
|
465 |
+
background-position: -190px -40px;
|
466 |
+
}
|
467 |
+
.camera_black_skin .camera_prev > span {
|
468 |
+
background-position: 0 -40px;
|
469 |
+
}
|
470 |
+
.camera_black_skin .camera_next > span {
|
471 |
+
background-position: -40px -40px;
|
472 |
+
}
|
473 |
+
.camera_black_skin .camera_commands > .camera_play {
|
474 |
+
background-position: -80px -40px;
|
475 |
+
}
|
476 |
+
.camera_black_skin .camera_commands > .camera_stop {
|
477 |
+
background-position: -120px -40px;
|
478 |
+
}
|
479 |
+
|
480 |
+
/*Hotspots*/
|
481 |
+
.content-before, .content-after {
|
482 |
+
display: block;
|
483 |
+
clear:both;
|
484 |
+
}
|
485 |
+
.hotspot {
|
486 |
+
position:absolute;
|
487 |
+
}
|
488 |
+
|
489 |
+
.hotspot:hover .product-info {
|
490 |
+
display:block;
|
491 |
+
}
|
492 |
+
|
493 |
+
.hotspot:hover .hotspot-icon {
|
494 |
+
z-index:101;
|
495 |
+
}
|
496 |
+
|
497 |
+
.product-info {
|
498 |
+
background: url(../images/info-bg.png) repeat 0 0 transparent;
|
499 |
+
border-top: 2px solid #FFFFFF;
|
500 |
+
color: #686767;
|
501 |
+
overflow:hidden;
|
502 |
+
font: normal 12px Tahoma,Arial;
|
503 |
+
min-width: 100px;
|
504 |
+
max-width: 200px;
|
505 |
+
padding: 12px;
|
506 |
+
position: absolute;
|
507 |
+
display:none;
|
508 |
+
z-index:100;
|
509 |
+
|
510 |
+
-webkit-border-radius: 4px;
|
511 |
+
-moz-border-radius: 4px;
|
512 |
+
border-radius: 4px;
|
513 |
+
-webkit-box-shadow: #666 2px 2px 3px;
|
514 |
+
-moz-box-shadow: #666 2px 2px 3px;
|
515 |
+
box-shadow: #666 2px 2px 3px;
|
516 |
+
}
|
517 |
+
|
518 |
#lookbook {
|
519 |
position:relative;
|
520 |
}
|
548 |
font-family: Arial;
|
549 |
}
|
550 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
551 |
.hotspot {
|
552 |
position:absolute;
|
553 |
}
|
skin/frontend/base/default/lookbook/images/arrow-next.png
DELETED
Binary file
|
skin/frontend/base/default/lookbook/images/arrow-prev.png
DELETED
Binary file
|
skin/frontend/base/default/lookbook/images/background.png
DELETED
Binary file
|
skin/frontend/base/default/lookbook/images/camera-loader.gif
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/camera_skins.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/loading.gif
DELETED
Binary file
|
skin/frontend/base/default/lookbook/images/pagination.png
DELETED
Binary file
|
skin/frontend/base/default/lookbook/images/patterns/overlay1.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/patterns/overlay10.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/patterns/overlay2.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/patterns/overlay3.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/patterns/overlay4.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/patterns/overlay5.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/patterns/overlay6.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/patterns/overlay7.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/patterns/overlay8.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/images/patterns/overlay9.png
ADDED
Binary file
|
skin/frontend/base/default/lookbook/js/camera.min.js
ADDED
@@ -0,0 +1,4 @@
|
|
|
|
|
|
|
|
|
1 |
+
// Camera slideshow v1.3.3 - a jQuery slideshow with many effects, transitions, easy to customize, using canvas and mobile ready, based on jQuery 1.4+
|
2 |
+
// Copyright (c) 2012 by Manuel Masia - www.pixedelic.com
|
3 |
+
// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
|
4 |
+
;(function(a){a.fn.camera=function(b,c){function e(){if(navigator.userAgent.match(/Android/i)||navigator.userAgent.match(/webOS/i)||navigator.userAgent.match(/iPad/i)||navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPod/i)){return true}}function H(){var b=a(s).width();a("li",s).removeClass("camera_visThumb");a("li",s).each(function(){var c=a(this).position(),d=a("ul",s).outerWidth(),e=a("ul",s).offset().left,f=a("> div",s).offset().left,g=f-e;if(g>0){a(".camera_prevThumbs",V).removeClass("hideNav")}else{a(".camera_prevThumbs",V).addClass("hideNav")}if(d-g>b){a(".camera_nextThumbs",V).removeClass("hideNav")}else{a(".camera_nextThumbs",V).addClass("hideNav")}var h=c.left,i=c.left+a(this).width();if(i-g<=b&&h-g>=0){a(this).addClass("camera_visThumb")}})}function K(){function d(){t=f.width();if(b.height.indexOf("%")!=-1){var c=Math.round(t/(100/parseFloat(b.height)));if(b.minHeight!=""&&c<parseFloat(b.minHeight)){u=parseFloat(b.minHeight)}else{u=c}f.css({height:u})}else if(b.height=="auto"){u=f.height()}else{u=parseFloat(b.height);f.css({height:u})}a(".camerarelative",k).css({width:t,height:u});a(".imgLoaded",k).each(function(){var c=a(this),d=c.attr("width"),e=c.attr("height"),f=c.index(),g,h,i=c.attr("data-alignment"),j=c.attr("data-portrait");if(typeof i==="undefined"||i===false||i===""){i=b.alignment}if(typeof j==="undefined"||j===false||j===""){j=b.portrait}if(j==false||j=="false"){if(d/e<t/u){var k=t/d;var l=Math.abs(u-e*k)*.5;switch(i){case"topLeft":g=0;break;case"topCenter":g=0;break;case"topRight":g=0;break;case"centerLeft":g="-"+l+"px";break;case"center":g="-"+l+"px";break;case"centerRight":g="-"+l+"px";break;case"bottomLeft":g="-"+l*2+"px";break;case"bottomCenter":g="-"+l*2+"px";break;case"bottomRight":g="-"+l*2+"px";break}c.css({height:e*k,"margin-left":0,"margin-top":g,position:"absolute",visibility:"visible",width:t})}else{var k=u/e;var l=Math.abs(t-d*k)*.5;switch(i){case"topLeft":h=0;break;case"topCenter":h="-"+l+"px";break;case"topRight":h="-"+l*2+"px";break;case"centerLeft":h=0;break;case"center":h="-"+l+"px";break;case"centerRight":h="-"+l*2+"px";break;case"bottomLeft":h=0;break;case"bottomCenter":h="-"+l+"px";break;case"bottomRight":h="-"+l*2+"px";break}c.css({height:u,"margin-left":h,"margin-top":0,position:"absolute",visibility:"visible",width:d*k})}}else{if(d/e<t/u){var k=u/e;var l=Math.abs(t-d*k)*.5;switch(i){case"topLeft":h=0;break;case"topCenter":h=l+"px";break;case"topRight":h=l*2+"px";break;case"centerLeft":h=0;break;case"center":h=l+"px";break;case"centerRight":h=l*2+"px";break;case"bottomLeft":h=0;break;case"bottomCenter":h=l+"px";break;case"bottomRight":h=l*2+"px";break}c.css({height:u,"margin-left":h,"margin-top":0,position:"absolute",visibility:"visible",width:d*k})}else{var k=t/d;var l=Math.abs(u-e*k)*.5;switch(i){case"topLeft":g=0;break;case"topCenter":g=0;break;case"topRight":g=0;break;case"centerLeft":g=l+"px";break;case"center":g=l+"px";break;case"centerRight":g=l+"px";break;case"bottomLeft":g=l*2+"px";break;case"bottomCenter":g=l*2+"px";break;case"bottomRight":g=l*2+"px";break}c.css({height:e*k,"margin-left":0,"margin-top":g,position:"absolute",visibility:"visible",width:t})}}})}var c;if(I==true){clearTimeout(c);c=setTimeout(d,200)}else{d()}I=true}function X(a){for(var b,c,d=a.length;d;b=parseInt(Math.random()*d),c=a[--d],a[d]=a[b],a[b]=c);return a}function Y(a){return Math.ceil(a)==Math.floor(a)}function hb(){if(a(s).length&&!a(r).length){var b=a(s).outerWidth(),c=a("ul > li",s).outerWidth(),d=a("li.cameracurrent",s).length?a("li.cameracurrent",s).position():"",e=a("ul > li",s).length*a("ul > li",s).outerWidth(),g=a("ul",s).offset().left,h=a("> div",s).offset().left,i;if(g<0){i="-"+(h-g)}else{i=h-g}if(gb==true){a("ul",s).width(a("ul > li",s).length*a("ul > li",s).outerWidth());if(a(s).length&&!a(r).lenght){f.css({marginBottom:a(s).outerHeight()})}H();a("ul",s).width(a("ul > li",s).length*a("ul > li",s).outerWidth());if(a(s).length&&!a(r).lenght){f.css({marginBottom:a(s).outerHeight()})}}gb=false;var j=a("li.cameracurrent",s).length?d.left:"",k=a("li.cameracurrent",s).length?d.left+a("li.cameracurrent",s).outerWidth():"";if(j<a("li.cameracurrent",s).outerWidth()){j=0}if(k-i>b){if(j+b<e){a("ul",s).animate({"margin-left":"-"+j+"px"},500,H)}else{a("ul",s).animate({"margin-left":"-"+(a("ul",s).outerWidth()-b)+"px"},500,H)}}else if(j-i<0){a("ul",s).animate({"margin-left":"-"+j+"px"},500,H)}else{a("ul",s).css({"margin-left":"auto","margin-right":"auto"});setTimeout(H,100)}}}function ib(){bb=0;var c=a(".camera_bar_cont",V).width(),d=a(".camera_bar_cont",V).height();if(h!="pie"){switch(U){case"leftToRight":a("#"+i).css({right:c});break;case"rightToLeft":a("#"+i).css({left:c});break;case"topToBottom":a("#"+i).css({bottom:d});break;case"bottomToTop":a("#"+i).css({top:d});break}}else{db.clearRect(0,0,b.pieDiameter,b.pieDiameter)}}function jb(c){j.addClass("camerasliding");R=false;var d=parseFloat(a("div.cameraSlide.cameracurrent",k).index());if(c>0){var l=c-1}else if(d==B-1){var l=0}else{var l=d+1}var m=a(".cameraSlide:eq("+l+")",k);var n=a(".cameraSlide:eq("+(l+1)+")",k).addClass("cameranext");if(d!=l+1){n.hide()}a(".cameraContent",g).fadeOut(600);a(".camera_caption",g).show();a(".camerarelative",m).append(a("> div ",j).eq(l).find("> div.camera_effected"));a(".camera_target_content .cameraContent:eq("+l+")",f).append(a("> div ",j).eq(l).find("> div"));if(!a(".imgLoaded",m).length){var o=v[l];var p=new Image;p.src=o+"?"+(new Date).getTime();m.css("visibility","hidden");m.prepend(a(p).attr("class","imgLoaded").css("visibility","hidden"));var q,w;if(!a(p).get(0).complete||q=="0"||w=="0"||typeof q==="undefined"||q===false||typeof w==="undefined"||w===false){a(".camera_loader",f).delay(500).fadeIn(400);p.onload=function(){q=p.naturalWidth;w=p.naturalHeight;a(p).attr("data-alignment",z[l]).attr("data-portrait",y[l]);a(p).attr("width",q);a(p).attr("height",w);k.find(".cameraSlide_"+l).hide().css("visibility","visible");K();jb(l+1)}}}else{if(v.length>l+1&&!a(".imgLoaded",n).length){var x=v[l+1];var A=new Image;A.src=x+"?"+(new Date).getTime();n.prepend(a(A).attr("class","imgLoaded").css("visibility","hidden"));A.onload=function(){q=A.naturalWidth;w=A.naturalHeight;a(A).attr("data-alignment",z[l+1]).attr("data-portrait",y[l+1]);a(A).attr("width",q);a(A).attr("height",w);K()}}b.onLoaded.call(this);if(a(".camera_loader",f).is(":visible")){a(".camera_loader",f).fadeOut(400)}else{a(".camera_loader",f).css({visibility:"hidden"});a(".camera_loader",f).fadeOut(400,function(){a(".camera_loader",f).css({visibility:"visible"})})}var C=b.rows,D=b.cols,F=1,G=0,H,I,J,N,O,P=new Array("simpleFade","curtainTopLeft","curtainTopRight","curtainBottomLeft","curtainBottomRight","curtainSliceLeft","curtainSliceRight","blindCurtainTopLeft","blindCurtainTopRight","blindCurtainBottomLeft","blindCurtainBottomRight","blindCurtainSliceBottom","blindCurtainSliceTop","stampede","mosaic","mosaicReverse","mosaicRandom","mosaicSpiral","mosaicSpiralReverse","topLeftBottomRight","bottomRightTopLeft","bottomLeftTopRight","topRightBottomLeft","scrollLeft","scrollRight","scrollTop","scrollBottom","scrollHorz");marginLeft=0,marginTop=0,opacityOnGrid=0;if(b.opacityOnGrid==true){opacityOnGrid=0}else{opacityOnGrid=1}var Q=a(" > div",j).eq(l).attr("data-fx");if(e()&&b.mobileFx!=""&&b.mobileFx!="default"){N=b.mobileFx}else{if(typeof Q!=="undefined"&&Q!==false&&Q!=="default"){N=Q}else{N=b.fx}}if(N=="random"){N=X(P);N=N[0]}else{N=N;if(N.indexOf(",")>0){N=N.replace(/ /g,"");N=N.split(",");N=X(N);N=N[0]}}dataEasing=a(" > div",j).eq(l).attr("data-easing");mobileEasing=a(" > div",j).eq(l).attr("data-mobileEasing");if(e()&&b.mobileEasing!=""&&b.mobileEasing!="default"){if(typeof mobileEasing!=="undefined"&&mobileEasing!==false&&mobileEasing!=="default"){O=mobileEasing}else{O=b.mobileEasing}}else{if(typeof dataEasing!=="undefined"&&dataEasing!==false&&dataEasing!=="default"){O=dataEasing}else{O=b.easing}}H=a(" > div",j).eq(l).attr("data-slideOn");if(typeof H!=="undefined"&&H!==false){T=H}else{if(b.slideOn=="random"){var T=new Array("next","prev");T=X(T);T=T[0]}else{T=b.slideOn}}var Y=a(" > div",j).eq(l).attr("data-time");if(typeof Y!=="undefined"&&Y!==false&&Y!==""){I=parseFloat(Y)}else{I=b.time}var Z=a(" > div",j).eq(l).attr("data-transPeriod");if(typeof Z!=="undefined"&&Z!==false&&Z!==""){J=parseFloat(Z)}else{J=b.transPeriod}if(!a(j).hasClass("camerastarted")){N="simpleFade";T="next";O="";J=400;a(j).addClass("camerastarted")}switch(N){case"simpleFade":D=1;C=1;break;case"curtainTopLeft":if(b.slicedCols==0){D=b.cols}else{D=b.slicedCols}C=1;break;case"curtainTopRight":if(b.slicedCols==0){D=b.cols}else{D=b.slicedCols}C=1;break;case"curtainBottomLeft":if(b.slicedCols==0){D=b.cols}else{D=b.slicedCols}C=1;break;case"curtainBottomRight":if(b.slicedCols==0){D=b.cols}else{D=b.slicedCols}C=1;break;case"curtainSliceLeft":if(b.slicedCols==0){D=b.cols}else{D=b.slicedCols}C=1;break;case"curtainSliceRight":if(b.slicedCols==0){D=b.cols}else{D=b.slicedCols}C=1;break;case"blindCurtainTopLeft":if(b.slicedRows==0){C=b.rows}else{C=b.slicedRows}D=1;break;case"blindCurtainTopRight":if(b.slicedRows==0){C=b.rows}else{C=b.slicedRows}D=1;break;case"blindCurtainBottomLeft":if(b.slicedRows==0){C=b.rows}else{C=b.slicedRows}D=1;break;case"blindCurtainBottomRight":if(b.slicedRows==0){C=b.rows}else{C=b.slicedRows}D=1;break;case"blindCurtainSliceTop":if(b.slicedRows==0){C=b.rows}else{C=b.slicedRows}D=1;break;case"blindCurtainSliceBottom":if(b.slicedRows==0){C=b.rows}else{C=b.slicedRows}D=1;break;case"stampede":G="-"+J;break;case"mosaic":G=b.gridDifference;break;case"mosaicReverse":G=b.gridDifference;break;case"mosaicRandom":break;case"mosaicSpiral":G=b.gridDifference;F=1.7;break;case"mosaicSpiralReverse":G=b.gridDifference;F=1.7;break;case"topLeftBottomRight":G=b.gridDifference;F=6;break;case"bottomRightTopLeft":G=b.gridDifference;F=6;break;case"bottomLeftTopRight":G=b.gridDifference;F=6;break;case"topRightBottomLeft":G=b.gridDifference;F=6;break;case"scrollLeft":D=1;C=1;break;case"scrollRight":D=1;C=1;break;case"scrollTop":D=1;C=1;break;case"scrollBottom":D=1;C=1;break;case"scrollHorz":D=1;C=1;break}var _=0;var ab=C*D;var eb=t-Math.floor(t/D)*D;var fb=u-Math.floor(u/C)*C;var gb;var kb;var lb=0;var mb=0;var nb=new Array;var ob=new Array;var pb=new Array;while(_<ab){nb.push(_);ob.push(_);E.append('<div class="cameraappended" style="display:none; overflow:hidden; position:absolute; z-index:1000" />');var qb=a(".cameraappended:eq("+_+")",k);if(N=="scrollLeft"||N=="scrollRight"||N=="scrollTop"||N=="scrollBottom"||N=="scrollHorz"){S.eq(l).clone().show().appendTo(qb)}else{if(T=="next"){S.eq(l).clone().show().appendTo(qb)}else{S.eq(d).clone().show().appendTo(qb)}}if(_%D<eb){gb=1}else{gb=0}if(_%D==0){lb=0}if(Math.floor(_/D)<fb){kb=1}else{kb=0}qb.css({height:Math.floor(u/C+kb+1),left:lb,top:mb,width:Math.floor(t/D+gb+1)});a("> .cameraSlide",qb).css({height:u,"margin-left":"-"+lb+"px","margin-top":"-"+mb+"px",width:t});lb=lb+qb.width()-1;if(_%D==D-1){mb=mb+qb.height()-1}_++}switch(N){case"curtainTopLeft":break;case"curtainBottomLeft":break;case"curtainSliceLeft":break;case"curtainTopRight":nb=nb.reverse();break;case"curtainBottomRight":nb=nb.reverse();break;case"curtainSliceRight":nb=nb.reverse();break;case"blindCurtainTopLeft":break;case"blindCurtainBottomLeft":nb=nb.reverse();break;case"blindCurtainSliceTop":break;case"blindCurtainTopRight":break;case"blindCurtainBottomRight":nb=nb.reverse();break;case"blindCurtainSliceBottom":nb=nb.reverse();break;case"stampede":nb=X(nb);break;case"mosaic":break;case"mosaicReverse":nb=nb.reverse();break;case"mosaicRandom":nb=X(nb);break;case"mosaicSpiral":var rb=C/2,sb,tb,ub,vb=0;for(ub=0;ub<rb;ub++){tb=ub;for(sb=ub;sb<D-ub-1;sb++){pb[vb++]=tb*D+sb}sb=D-ub-1;for(tb=ub;tb<C-ub-1;tb++){pb[vb++]=tb*D+sb}tb=C-ub-1;for(sb=D-ub-1;sb>ub;sb--){pb[vb++]=tb*D+sb}sb=ub;for(tb=C-ub-1;tb>ub;tb--){pb[vb++]=tb*D+sb}}nb=pb;break;case"mosaicSpiralReverse":var rb=C/2,sb,tb,ub,vb=ab-1;for(ub=0;ub<rb;ub++){tb=ub;for(sb=ub;sb<D-ub-1;sb++){pb[vb--]=tb*D+sb}sb=D-ub-1;for(tb=ub;tb<C-ub-1;tb++){pb[vb--]=tb*D+sb}tb=C-ub-1;for(sb=D-ub-1;sb>ub;sb--){pb[vb--]=tb*D+sb}sb=ub;for(tb=C-ub-1;tb>ub;tb--){pb[vb--]=tb*D+sb}}nb=pb;break;case"topLeftBottomRight":for(var tb=0;tb<C;tb++)for(var sb=0;sb<D;sb++){pb.push(sb+tb)}ob=pb;break;case"bottomRightTopLeft":for(var tb=0;tb<C;tb++)for(var sb=0;sb<D;sb++){pb.push(sb+tb)}ob=pb.reverse();break;case"bottomLeftTopRight":for(var tb=C;tb>0;tb--)for(var sb=0;sb<D;sb++){pb.push(sb+tb)}ob=pb;break;case"topRightBottomLeft":for(var tb=0;tb<C;tb++)for(var sb=D;sb>0;sb--){pb.push(sb+tb)}ob=pb;break}a.each(nb,function(c,e){function o(){a(this).addClass("cameraeased");if(a(".cameraeased",k).length>=0){a(s).css({visibility:"visible"})}if(a(".cameraeased",k).length==ab){hb();a(".moveFromLeft, .moveFromRight, .moveFromTop, .moveFromBottom, .fadeIn, .fadeFromLeft, .fadeFromRight, .fadeFromTop, .fadeFromBottom",g).each(function(){a(this).css("visibility","hidden")});S.eq(l).show().css("z-index","999").removeClass("cameranext").addClass("cameracurrent");S.eq(d).css("z-index","1").removeClass("cameracurrent");a(".cameraContent",g).eq(l).addClass("cameracurrent");if(d>=0){a(".cameraContent",g).eq(d).removeClass("cameracurrent")}b.onEndTransition.call(this);if(a("> div",j).eq(l).attr("data-video")!="hide"&&a(".cameraContent.cameracurrent .imgFake",g).length){a(".cameraContent.cameracurrent .imgFake",g).click()}var c=S.eq(l).find(".fadeIn").length;var e=a(".cameraContent",g).eq(l).find(".moveFromLeft, .moveFromRight, .moveFromTop, .moveFromBottom, .fadeIn, .fadeFromLeft, .fadeFromRight, .fadeFromTop, .fadeFromBottom").length;if(c!=0){a(".cameraSlide.cameracurrent .fadeIn",g).each(function(){if(a(this).attr("data-easing")!=""){var b=a(this).attr("data-easing")}else{var b=O}var d=a(this);if(typeof d.attr("data-outerWidth")==="undefined"||d.attr("data-outerWidth")===false||d.attr("data-outerWidth")===""){var e=d.outerWidth();d.attr("data-outerWidth",e)}else{var e=d.attr("data-outerWidth")}if(typeof d.attr("data-outerHeight")==="undefined"||d.attr("data-outerHeight")===false||d.attr("data-outerHeight")===""){var f=d.outerHeight();d.attr("data-outerHeight",f)}else{var f=d.attr("data-outerHeight")}var g=d.position();var h=g.left;var i=g.top;var j=d.attr("class");var k=d.index();var l=d.parents(".camerarelative").outerHeight();var m=d.parents(".camerarelative").outerWidth();if(j.indexOf("fadeIn")!=-1){d.animate({opacity:0},0).css("visibility","visible").delay(I/c*.1*(k-1)).animate({opacity:1},I/c*.15,b)}else{d.css("visibility","visible")}})}a(".cameraContent.cameracurrent",g).show();if(e!=0){a(".cameraContent.cameracurrent .moveFromLeft, .cameraContent.cameracurrent .moveFromRight, .cameraContent.cameracurrent .moveFromTop, .cameraContent.cameracurrent .moveFromBottom, .cameraContent.cameracurrent .fadeIn, .cameraContent.cameracurrent .fadeFromLeft, .cameraContent.cameracurrent .fadeFromRight, .cameraContent.cameracurrent .fadeFromTop, .cameraContent.cameracurrent .fadeFromBottom",g).each(function(){if(a(this).attr("data-easing")!=""){var b=a(this).attr("data-easing")}else{var b=O}var c=a(this);var d=c.position();var f=d.left;var g=d.top;var h=c.attr("class");var i=c.index();var j=c.outerHeight();if(h.indexOf("moveFromLeft")!=-1){c.css({left:"-"+t+"px",right:"auto"});c.css("visibility","visible").delay(I/e*.1*(i-1)).animate({left:d.left},I/e*.15,b)}else if(h.indexOf("moveFromRight")!=-1){c.css({left:t+"px",right:"auto"});c.css("visibility","visible").delay(I/e*.1*(i-1)).animate({left:d.left},I/e*.15,b)}else if(h.indexOf("moveFromTop")!=-1){c.css({top:"-"+u+"px",bottom:"auto"});c.css("visibility","visible").delay(I/e*.1*(i-1)).animate({top:d.top},I/e*.15,b,function(){c.css({top:"auto",bottom:0})})}else if(h.indexOf("moveFromBottom")!=-1){c.css({top:u+"px",bottom:"auto"});c.css("visibility","visible").delay(I/e*.1*(i-1)).animate({top:d.top},I/e*.15,b)}else if(h.indexOf("fadeFromLeft")!=-1){c.animate({opacity:0},0).css({left:"-"+t+"px",right:"auto"});c.css("visibility","visible").delay(I/e*.1*(i-1)).animate({left:d.left,opacity:1},I/e*.15,b)}else if(h.indexOf("fadeFromRight")!=-1){c.animate({opacity:0},0).css({left:t+"px",right:"auto"});c.css("visibility","visible").delay(I/e*.1*(i-1)).animate({left:d.left,opacity:1},I/e*.15,b)}else if(h.indexOf("fadeFromTop")!=-1){c.animate({opacity:0},0).css({top:"-"+u+"px",bottom:"auto"});c.css("visibility","visible").delay(I/e*.1*(i-1)).animate({top:d.top,opacity:1},I/e*.15,b,function(){c.css({top:"auto",bottom:0})})}else if(h.indexOf("fadeFromBottom")!=-1){c.animate({opacity:0},0).css({bottom:"-"+j+"px"});c.css("visibility","visible").delay(I/e*.1*(i-1)).animate({bottom:"0",opacity:1},I/e*.15,b)}else if(h.indexOf("fadeIn")!=-1){c.animate({opacity:0},0).css("visibility","visible").delay(I/e*.1*(i-1)).animate({opacity:1},I/e*.15,b)}else{c.css("visibility","visible")}})}a(".cameraappended",k).remove();j.removeClass("camerasliding");S.eq(d).hide();var f=a(".camera_bar_cont",V).width(),m=a(".camera_bar_cont",V).height(),o;if(h!="pie"){o=.05}else{o=.005}a("#"+i).animate({opacity:b.loaderOpacity},200);L=setInterval(function(){if(j.hasClass("stopped")){clearInterval(L)}if(h!="pie"){if(bb<=1.002&&!j.hasClass("stopped")&&!j.hasClass("paused")&&!j.hasClass("hovered")){bb=bb+o}else if(bb<=1&&(j.hasClass("stopped")||j.hasClass("paused")||j.hasClass("stopped")||j.hasClass("hovered"))){bb=bb}else{if(!j.hasClass("stopped")&&!j.hasClass("paused")&&!j.hasClass("hovered")){clearInterval(L);W();a("#"+i).animate({opacity:0},200,function(){clearTimeout(M);M=setTimeout(ib,n);jb();b.onStartLoading.call(this)})}}switch(U){case"leftToRight":a("#"+i).animate({right:f-f*bb},I*o,"linear");break;case"rightToLeft":a("#"+i).animate({left:f-f*bb},I*o,"linear");break;case"topToBottom":a("#"+i).animate({bottom:m-m*bb},I*o,"linear");break;case"bottomToTop":a("#"+i).animate({bottom:m-m*bb},I*o,"linear");break}}else{cb=bb;db.clearRect(0,0,b.pieDiameter,b.pieDiameter);db.globalCompositeOperation="destination-over";db.beginPath();db.arc(b.pieDiameter/2,b.pieDiameter/2,b.pieDiameter/2-b.loaderStroke,0,Math.PI*2,false);db.lineWidth=b.loaderStroke;db.strokeStyle=b.loaderBgColor;db.stroke();db.closePath();db.globalCompositeOperation="source-over";db.beginPath();db.arc(b.pieDiameter/2,b.pieDiameter/2,b.pieDiameter/2-b.loaderStroke,0,Math.PI*2*cb,false);db.lineWidth=b.loaderStroke-b.loaderPadding*2;db.strokeStyle=b.loaderColor;db.stroke();db.closePath();if(bb<=1.002&&!j.hasClass("stopped")&&!j.hasClass("paused")&&!j.hasClass("hovered")){bb=bb+o}else if(bb<=1&&(j.hasClass("stopped")||j.hasClass("paused")||j.hasClass("hovered"))){bb=bb}else{if(!j.hasClass("stopped")&&!j.hasClass("paused")&&!j.hasClass("hovered")){clearInterval(L);W();a("#"+i+", .camera_canvas_wrap",V).animate({opacity:0},200,function(){clearTimeout(M);M=setTimeout(ib,n);jb();b.onStartLoading.call(this)})}}}},I*o)}}if(e%D<eb){gb=1}else{gb=0}if(e%D==0){lb=0}if(Math.floor(e/D)<fb){kb=1}else{kb=0}switch(N){case"simpleFade":height=u;width=t;opacityOnGrid=0;break;case"curtainTopLeft":height=0,width=Math.floor(t/D+gb+1),marginTop="-"+Math.floor(u/C+kb+1)+"px";break;case"curtainTopRight":height=0,width=Math.floor(t/D+gb+1),marginTop="-"+Math.floor(u/C+kb+1)+"px";break;case"curtainBottomLeft":height=0,width=Math.floor(t/D+gb+1),marginTop=Math.floor(u/C+kb+1)+"px";break;case"curtainBottomRight":height=0,width=Math.floor(t/D+gb+1),marginTop=Math.floor(u/C+kb+1)+"px";break;case"curtainSliceLeft":height=0,width=Math.floor(t/D+gb+1);if(e%2==0){marginTop=Math.floor(u/C+kb+1)+"px"}else{marginTop="-"+Math.floor(u/C+kb+1)+"px"}break;case"curtainSliceRight":height=0,width=Math.floor(t/D+gb+1);if(e%2==0){marginTop=Math.floor(u/C+kb+1)+"px"}else{marginTop="-"+Math.floor(u/C+kb+1)+"px"}break;case"blindCurtainTopLeft":height=Math.floor(u/C+kb+1),width=0,marginLeft="-"+Math.floor(t/D+gb+1)+"px";break;case"blindCurtainTopRight":height=Math.floor(u/C+kb+1),width=0,marginLeft=Math.floor(t/D+gb+1)+"px";break;case"blindCurtainBottomLeft":height=Math.floor(u/C+kb+1),width=0,marginLeft="-"+Math.floor(t/D+gb+1)+"px";break;case"blindCurtainBottomRight":height=Math.floor(u/C+kb+1),width=0,marginLeft=Math.floor(t/D+gb+1)+"px";break;case"blindCurtainSliceBottom":height=Math.floor(u/C+kb+1),width=0;if(e%2==0){marginLeft="-"+Math.floor(t/D+gb+1)+"px"}else{marginLeft=Math.floor(t/D+gb+1)+"px"}break;case"blindCurtainSliceTop":height=Math.floor(u/C+kb+1),width=0;if(e%2==0){marginLeft="-"+Math.floor(t/D+gb+1)+"px"}else{marginLeft=Math.floor(t/D+gb+1)+"px"}break;case"stampede":height=0;width=0;marginLeft=t*.2*(c%D-(D-Math.floor(D/2)))+"px";marginTop=u*.2*(Math.floor(c/D)+1-(C-Math.floor(C/2)))+"px";break;case"mosaic":height=0;width=0;break;case"mosaicReverse":height=0;width=0;marginLeft=Math.floor(t/D+gb+1)+"px";marginTop=Math.floor(u/C+kb+1)+"px";break;case"mosaicRandom":height=0;width=0;marginLeft=Math.floor(t/D+gb+1)*.5+"px";marginTop=Math.floor(u/C+kb+1)*.5+"px";break;case"mosaicSpiral":height=0;width=0;marginLeft=Math.floor(t/D+gb+1)*.5+"px";marginTop=Math.floor(u/C+kb+1)*.5+"px";break;case"mosaicSpiralReverse":height=0;width=0;marginLeft=Math.floor(t/D+gb+1)*.5+"px";marginTop=Math.floor(u/C+kb+1)*.5+"px";break;case"topLeftBottomRight":height=0;width=0;break;case"bottomRightTopLeft":height=0;width=0;marginLeft=Math.floor(t/D+gb+1)+"px";marginTop=Math.floor(u/C+kb+1)+"px";break;case"bottomLeftTopRight":height=0;width=0;marginLeft=0;marginTop=Math.floor(u/C+kb+1)+"px";break;case"topRightBottomLeft":height=0;width=0;marginLeft=Math.floor(t/D+gb+1)+"px";marginTop=0;break;case"scrollRight":height=u;width=t;marginLeft=-t;break;case"scrollLeft":height=u;width=t;marginLeft=t;break;case"scrollTop":height=u;width=t;marginTop=u;break;case"scrollBottom":height=u;width=t;marginTop=-u;break;case"scrollHorz":height=u;width=t;if(d==0&&l==B-1){marginLeft=-t}else if(d<l||d==B-1&&l==0){marginLeft=t}else{marginLeft=-t}break}var m=a(".cameraappended:eq("+e+")",k);if(typeof L!=="undefined"){clearInterval(L);clearTimeout(M);M=setTimeout(ib,J+G)}if(a(r).length){a(".camera_pag li",f).removeClass("cameracurrent");a(".camera_pag li",f).eq(l).addClass("cameracurrent")}if(a(s).length){a("li",s).removeClass("cameracurrent");a("li",s).eq(l).addClass("cameracurrent");a("li",s).not(".cameracurrent").find("img").animate({opacity:.5},0);a("li.cameracurrent img",s).animate({opacity:1},0);a("li",s).hover(function(){a("img",this).stop(true,false).animate({opacity:1},150)},function(){if(!a(this).hasClass("cameracurrent")){a("img",this).stop(true,false).animate({opacity:.5},150)}})}var n=parseFloat(J)+parseFloat(G);if(N=="scrollLeft"||N=="scrollRight"||N=="scrollTop"||N=="scrollBottom"||N=="scrollHorz"){b.onStartTransition.call(this);n=0;m.delay((J+G)/ab*ob[c]*F*.5).css({display:"block",height:height,"margin-left":marginLeft,"margin-top":marginTop,width:width}).animate({height:Math.floor(u/C+kb+1),"margin-top":0,"margin-left":0,width:Math.floor(t/D+gb+1)},J-G,O,o);S.eq(d).delay((J+G)/ab*ob[c]*F*.5).animate({"margin-left":marginLeft*-1,"margin-top":marginTop*-1},J-G,O,function(){a(this).css({"margin-top":0,"margin-left":0})})}else{b.onStartTransition.call(this);n=parseFloat(J)+parseFloat(G);if(T=="next"){m.delay((J+G)/ab*ob[c]*F*.5).css({display:"block",height:height,"margin-left":marginLeft,"margin-top":marginTop,width:width,opacity:opacityOnGrid}).animate({height:Math.floor(u/C+kb+1),"margin-top":0,"margin-left":0,opacity:1,width:Math.floor(t/D+gb+1)},J-G,O,o)}else{S.eq(l).show().css("z-index","999").addClass("cameracurrent");S.eq(d).css("z-index","1").removeClass("cameracurrent");a(".cameraContent",g).eq(l).addClass("cameracurrent");a(".cameraContent",g).eq(d).removeClass("cameracurrent");m.delay((J+G)/ab*ob[c]*F*.5).css({display:"block",height:Math.floor(u/C+kb+1),"margin-top":0,"margin-left":0,opacity:1,width:Math.floor(t/D+gb+1)}).animate({height:height,"margin-left":marginLeft,"margin-top":marginTop,width:width,opacity:opacityOnGrid},J-G,O,o)}}})}}var d={alignment:"center",autoAdvance:true,mobileAutoAdvance:true,barDirection:"leftToRight",barPosition:"bottom",cols:6,easing:"easeInOutExpo",mobileEasing:"",fx:"random",mobileFx:"",gridDifference:250,height:"50%",imagePath:"images/",hover:true,loader:"pie",loaderColor:"#eeeeee",loaderBgColor:"#222222",loaderOpacity:.8,loaderPadding:2,loaderStroke:7,minHeight:"200px",navigation:true,navigationHover:true,mobileNavHover:true,opacityOnGrid:false,overlayer:true,pagination:true,playPause:true,pauseOnClick:true,pieDiameter:38,piePosition:"rightTop",portrait:false,rows:4,slicedCols:12,slicedRows:8,slideOn:"random",thumbnails:false,time:7e3,transPeriod:1500,onEndTransition:function(){},onLoaded:function(){},onStartLoading:function(){},onStartTransition:function(){}};var b=a.extend({},d,b);var f=a(this).addClass("camera_wrap");f.wrapInner('<div class="camera_src" />').wrapInner('<div class="camera_fakehover" />');var g=a(".camera_fakehover",f);g.append('<div class="camera_target"></div>');if(b.overlayer==true){g.append('<div class="camera_overlayer"></div>')}g.append('<div class="camera_target_content"></div>');var h;if(b.loader=="pie"&&a.browser.msie&&a.browser.version<9){h="bar"}else{h=b.loader}if(h=="pie"){g.append('<div class="camera_pie"></div>')}else if(h=="bar"){g.append('<div class="camera_bar"></div>')}else{g.append('<div class="camera_bar" style="display:none"></div>')}if(b.playPause==true){g.append('<div class="camera_commands"></div>')}if(b.navigation==true){g.append('<div class="camera_prev"><span></span></div>').append('<div class="camera_next"><span></span></div>')}if(b.thumbnails==true){f.append('<div class="camera_thumbs_cont" />')}if(b.thumbnails==true&&b.pagination!=true){a(".camera_thumbs_cont",f).wrap("<div />").wrap('<div class="camera_thumbs" />').wrap("<div />").wrap('<div class="camera_command_wrap" />')}if(b.pagination==true){f.append('<div class="camera_pag"></div>')}f.append('<div class="camera_loader"></div>');a(".camera_caption",f).each(function(){a(this).wrapInner("<div />")});var i="pie_"+f.index(),j=a(".camera_src",f),k=a(".camera_target",f),l=a(".camera_target_content",f),m=a(".camera_pie",f),n=a(".camera_bar",f),o=a(".camera_prev",f),p=a(".camera_next",f),q=a(".camera_commands",f),r=a(".camera_pag",f),s=a(".camera_thumbs_cont",f);var t,u;var v=new Array;a("> div",j).each(function(){v.push(a(this).attr("data-src"))});var w=new Array;a("> div",j).each(function(){if(a(this).attr("data-link")){w.push(a(this).attr("data-link"))}else{w.push("")}});var x=new Array;a("> div",j).each(function(){if(a(this).attr("data-target")){x.push(a(this).attr("data-target"))}else{x.push("")}});var y=new Array;a("> div",j).each(function(){if(a(this).attr("data-portrait")){y.push(a(this).attr("data-portrait"))}else{y.push("")}});var z=new Array;a("> div",j).each(function(){if(a(this).attr("data-alignment")){z.push(a(this).attr("data-alignment"))}else{z.push("")}});var A=new Array;a("> div",j).each(function(){if(a(this).attr("data-thumb")){A.push(a(this).attr("data-thumb"))}else{A.push("")}});var B=v.length;a(l).append('<div class="cameraContents" />');var C;for(C=0;C<B;C++){a(".cameraContents",l).append('<div class="cameraContent" />');if(w[C]!=""){var D=a("> div ",j).eq(C).attr("data-box");if(typeof D!=="undefined"&&D!==false&&D!=""){D='data-box="'+a("> div ",j).eq(C).attr("data-box")+'"'}else{D=""}a(".camera_target_content .cameraContent:eq("+C+")",f).append('<a class="camera_link" href="'+w[C]+'" '+D+' target="'+x[C]+'"></a>')}}a(".camera_caption",f).each(function(){var b=a(this).parent().index(),c=f.find(".cameraContent").eq(b);a(this).appendTo(c)});k.append('<div class="cameraCont" />');var E=a(".cameraCont",f);var F;for(F=0;F<B;F++){E.append('<div class="cameraSlide cameraSlide_'+F+'" />');var G=a("> div:eq("+F+")",j);k.find(".cameraSlide_"+F).clone(G)}a(window).bind("load resize pageshow",function(){hb();H()});E.append('<div class="cameraSlide cameraSlide_'+F+'" />');var I;f.show();var t=k.width();var u=k.height();var J;a(window).bind("resize pageshow",function(){if(I==true){K()}a("ul",s).animate({"margin-top":0},0,hb);if(!j.hasClass("paused")){j.addClass("paused");if(a(".camera_stop",V).length){a(".camera_stop",V).hide();a(".camera_play",V).show();if(h!="none"){a("#"+i).hide()}}else{if(h!="none"){a("#"+i).hide()}}clearTimeout(J);J=setTimeout(function(){j.removeClass("paused");if(a(".camera_play",V).length){a(".camera_play",V).hide();a(".camera_stop",V).show();if(h!="none"){a("#"+i).fadeIn()}}else{if(h!="none"){a("#"+i).fadeIn()}}},1500)}});var L,M;var N,O,P,q,r;var Q,R;if(e()&&b.mobileAutoAdvance!=""){O=b.mobileAutoAdvance}else{O=b.autoAdvance}if(O==false){j.addClass("paused")}if(e()&&b.mobileNavHover!=""){P=b.mobileNavHover}else{P=b.navigationHover}if(j.length!=0){var S=a(".cameraSlide",k);S.wrapInner('<div class="camerarelative" />');var T;var U=b.barDirection;var V=f;a("iframe",g).each(function(){var b=a(this);var c=b.attr("src");b.attr("data-src",c);var d=b.parent().index(".camera_src > div");a(".camera_target_content .cameraContent:eq("+d+")",f).append(b)});function W(){a("iframe",g).each(function(){a(".camera_caption",g).show();var c=a(this);var d=c.attr("data-src");c.attr("src",d);var e=b.imagePath+"blank.gif";var h=new Image;h.src=e;if(b.height.indexOf("%")!=-1){var i=Math.round(t/(100/parseFloat(b.height)));if(b.minHeight!=""&&i<parseFloat(b.minHeight)){u=parseFloat(b.minHeight)}else{u=i}}else if(b.height=="auto"){u=f.height()}else{u=parseFloat(b.height)}c.after(a(h).attr({"class":"imgFake",width:t,height:u}));var j=c.clone();c.remove();a(h).bind("click",function(){if(a(this).css("position")=="absolute"){a(this).remove();if(d.indexOf("vimeo")!=-1||d.indexOf("youtube")!=-1){if(d.indexOf("?")!=-1){autoplay="&autoplay=1"}else{autoplay="?autoplay=1"}}else if(d.indexOf("dailymotion")!=-1){if(d.indexOf("?")!=-1){autoplay="&autoPlay=1"}else{autoplay="?autoPlay=1"}}j.attr("src",d+autoplay);R=true}else{a(this).css({position:"absolute",top:0,left:0,zIndex:10}).after(j);j.css({position:"absolute",top:0,left:0,zIndex:9})}})})}W();if(b.hover==true){if(!e()){g.hover(function(){j.addClass("hovered")},function(){j.removeClass("hovered")})}}if(P==true){a(o,f).animate({opacity:0},0);a(p,f).animate({opacity:0},0);a(q,f).animate({opacity:0},0);if(e()){g.live("vmouseover",function(){a(o,f).animate({opacity:1},200);a(p,f).animate({opacity:1},200);a(q,f).animate({opacity:1},200)});g.live("vmouseout",function(){a(o,f).delay(500).animate({opacity:0},200);a(p,f).delay(500).animate({opacity:0},200);a(q,f).delay(500).animate({opacity:0},200)})}else{g.hover(function(){a(o,f).animate({opacity:1},200);a(p,f).animate({opacity:1},200);a(q,f).animate({opacity:1},200)},function(){a(o,f).animate({opacity:0},200);a(p,f).animate({opacity:0},200);a(q,f).animate({opacity:0},200)})}}a(".camera_stop",V).live("click",function(){O=false;j.addClass("paused");if(a(".camera_stop",V).length){a(".camera_stop",V).hide();a(".camera_play",V).show();if(h!="none"){a("#"+i).hide()}}else{if(h!="none"){a("#"+i).hide()}}});a(".camera_play",V).live("click",function(){O=true;j.removeClass("paused");if(a(".camera_play",V).length){a(".camera_play",V).hide();a(".camera_stop",V).show();if(h!="none"){a("#"+i).show()}}else{if(h!="none"){a("#"+i).show()}}});if(b.pauseOnClick==true){a(".camera_target_content",g).mouseup(function(){O=false;j.addClass("paused");a(".camera_stop",V).hide();a(".camera_play",V).show();a("#"+i).hide()})}a(".cameraContent, .imgFake",g).hover(function(){Q=true},function(){Q=false});a(".cameraContent, .imgFake",g).bind("click",function(){if(R==true&&Q==true){O=false;a(".camera_caption",g).hide();j.addClass("paused");a(".camera_stop",V).hide();a(".camera_play",V).show();a("#"+i).hide()}})}if(h!="pie"){n.append('<span class="camera_bar_cont" />');a(".camera_bar_cont",n).animate({opacity:b.loaderOpacity},0).css({position:"absolute",left:0,right:0,top:0,bottom:0,"background-color":b.loaderBgColor}).append('<span id="'+i+'" />');a("#"+i).animate({opacity:0},0);var Z=a("#"+i);Z.css({position:"absolute","background-color":b.loaderColor});switch(b.barPosition){case"left":n.css({right:"auto",width:b.loaderStroke});break;case"right":n.css({left:"auto",width:b.loaderStroke});break;case"top":n.css({bottom:"auto",height:b.loaderStroke});break;case"bottom":n.css({top:"auto",height:b.loaderStroke});break}switch(U){case"leftToRight":Z.css({left:0,right:0,top:b.loaderPadding,bottom:b.loaderPadding});break;case"rightToLeft":Z.css({left:0,right:0,top:b.loaderPadding,bottom:b.loaderPadding});break;case"topToBottom":Z.css({left:b.loaderPadding,right:b.loaderPadding,top:0,bottom:0});break;case"bottomToTop":Z.css({left:b.loaderPadding,right:b.loaderPadding,top:0,bottom:0});break}}else{m.append('<canvas id="'+i+'"></canvas>');var _;var Z=document.getElementById(i);Z.setAttribute("width",b.pieDiameter);Z.setAttribute("height",b.pieDiameter);var ab;switch(b.piePosition){case"leftTop":ab="left:0; top:0;";break;case"rightTop":ab="right:0; top:0;";break;case"leftBottom":ab="left:0; bottom:0;";break;case"rightBottom":ab="right:0; bottom:0;";break}Z.setAttribute("style","position:absolute; z-index:1002; "+ab);var bb;var cb;if(Z&&Z.getContext){var db=Z.getContext("2d");db.rotate(Math.PI*(3/2));db.translate(-b.pieDiameter,0)}}if(h=="none"||O==false){a("#"+i).hide();a(".camera_canvas_wrap",V).hide()}if(a(r).length){a(r).append('<ul class="camera_pag_ul" />');var eb;for(eb=0;eb<B;eb++){a(".camera_pag_ul",f).append('<li class="pag_nav_'+eb+'" style="position:relative; z-index:1002"><span><span>'+eb+"</span></span></li>")}a(".camera_pag_ul li",f).hover(function(){a(this).addClass("camera_hover");if(a(".camera_thumb",this).length){var b=a(".camera_thumb",this).outerWidth(),c=a(".camera_thumb",this).outerHeight(),d=a(this).outerWidth();a(".camera_thumb",this).show().css({top:"-"+c+"px",left:"-"+(b-d)/2+"px"}).animate({opacity:1,"margin-top":"-3px"},200);a(".thumb_arrow",this).show().animate({opacity:1,"margin-top":"-3px"},200)}},function(){a(this).removeClass("camera_hover");a(".camera_thumb",this).animate({"margin-top":"-20px",opacity:0},200,function(){a(this).css({marginTop:"5px"}).hide()});a(".thumb_arrow",this).animate({"margin-top":"-20px",opacity:0},200,function(){a(this).css({marginTop:"5px"}).hide()})})}if(a(s).length){var fb;if(!a(r).length){a(s).append("<div />");a(s).before('<div class="camera_prevThumbs hideNav"><div></div></div>').before('<div class="camera_nextThumbs hideNav"><div></div></div>');a("> div",s).append("<ul />");a.each(A,function(b,c){if(a("> div",j).eq(b).attr("data-thumb")!=""){var d=a("> div",j).eq(b).attr("data-thumb"),e=new Image;e.src=d;a("ul",s).append('<li class="pix_thumb pix_thumb_'+b+'" />');a("li.pix_thumb_"+b,s).append(a(e).attr("class","camera_thumb"))}})}else{a.each(A,function(b,c){if(a("> div",j).eq(b).attr("data-thumb")!=""){var d=a("> div",j).eq(b).attr("data-thumb"),e=new Image;e.src=d;a("li.pag_nav_"+b,r).append(a(e).attr("class","camera_thumb").css({position:"absolute"}).animate({opacity:0},0));a("li.pag_nav_"+b+" > img",r).after('<div class="thumb_arrow" />');a("li.pag_nav_"+b+" > .thumb_arrow",r).animate({opacity:0},0)}});f.css({marginBottom:a(r).outerHeight()})}}else if(!a(s).length&&a(r).length){f.css({marginBottom:a(r).outerHeight()})}var gb=true;if(a(q).length){a(q).append('<div class="camera_play"></div>').append('<div class="camera_stop"></div>');if(O==true){a(".camera_play",V).hide();a(".camera_stop",V).show()}else{a(".camera_stop",V).hide();a(".camera_play",V).show()}}ib();a(".moveFromLeft, .moveFromRight, .moveFromTop, .moveFromBottom, .fadeIn, .fadeFromLeft, .fadeFromRight, .fadeFromTop, .fadeFromBottom",g).each(function(){a(this).css("visibility","hidden")});b.onStartLoading.call(this);jb();if(a(o).length){a(o).click(function(){if(!j.hasClass("camerasliding")){var c=parseFloat(a(".cameraSlide.cameracurrent",k).index());clearInterval(L);W();a("#"+i+", .camera_canvas_wrap",f).animate({opacity:0},0);ib();if(c!=0){jb(c)}else{jb(B)}b.onStartLoading.call(this)}})}if(a(p).length){a(p).click(function(){if(!j.hasClass("camerasliding")){var c=parseFloat(a(".cameraSlide.cameracurrent",k).index());clearInterval(L);W();a("#"+i+", .camera_canvas_wrap",V).animate({opacity:0},0);ib();if(c==B-1){jb(1)}else{jb(c+2)}b.onStartLoading.call(this)}})}if(e()){g.bind("swipeleft",function(c){if(!j.hasClass("camerasliding")){var d=parseFloat(a(".cameraSlide.cameracurrent",k).index());clearInterval(L);W();a("#"+i+", .camera_canvas_wrap",V).animate({opacity:0},0);ib();if(d==B-1){jb(1)}else{jb(d+2)}b.onStartLoading.call(this)}});g.bind("swiperight",function(c){if(!j.hasClass("camerasliding")){var d=parseFloat(a(".cameraSlide.cameracurrent",k).index());clearInterval(L);W();a("#"+i+", .camera_canvas_wrap",V).animate({opacity:0},0);ib();if(d!=0){jb(d)}else{jb(B)}b.onStartLoading.call(this)}})}if(a(r).length){a(".camera_pag li",f).click(function(){if(!j.hasClass("camerasliding")){var c=parseFloat(a(this).index());var d=parseFloat(a(".cameraSlide.cameracurrent",k).index());if(c!=d){clearInterval(L);W();a("#"+i+", .camera_canvas_wrap",V).animate({opacity:0},0);ib();jb(c+1);b.onStartLoading.call(this)}}})}if(a(s).length){a(".pix_thumb img",s).click(function(){if(!j.hasClass("camerasliding")){var c=parseFloat(a(this).parents("li").index());var d=parseFloat(a(".cameracurrent",k).index());if(c!=d){clearInterval(L);W();a("#"+i+", .camera_canvas_wrap",V).animate({opacity:0},0);a(".pix_thumb",s).removeClass("cameracurrent");a(this).parents("li").addClass("cameracurrent");ib();jb(c+1);hb();b.onStartLoading.call(this)}}});a(".camera_thumbs_cont .camera_prevThumbs",V).hover(function(){a(this).stop(true,false).animate({opacity:1},250)},function(){a(this).stop(true,false).animate({opacity:.7},250)});a(".camera_prevThumbs",V).click(function(){var b=0,c=a(s).outerWidth(),d=a("ul",s).offset().left,e=a("> div",s).offset().left,f=e-d;a(".camera_visThumb",s).each(function(){var c=a(this).outerWidth();b=b+c});if(f-b>0){a("ul",s).animate({"margin-left":"-"+(f-b)+"px"},500,H)}else{a("ul",s).animate({"margin-left":0},500,H)}});a(".camera_thumbs_cont .camera_nextThumbs",V).hover(function(){a(this).stop(true,false).animate({opacity:1},250)},function(){a(this).stop(true,false).animate({opacity:.7},250)});a(".camera_nextThumbs",V).click(function(){var b=0,c=a(s).outerWidth(),d=a("ul",s).outerWidth(),e=a("ul",s).offset().left,f=a("> div",s).offset().left,g=f-e;a(".camera_visThumb",s).each(function(){var c=a(this).outerWidth();b=b+c});if(g+b+b<d){a("ul",s).animate({"margin-left":"-"+(g+b)+"px"},500,H)}else{a("ul",s).animate({"margin-left":"-"+(d-c)+"px"},500,H)}})}}})(jQuery);(function(a){a.fn.cameraStop=function(){var b=a(this),c=a(".camera_src",b),d="pie_"+b.index();c.addClass("stopped");if(a(".camera_showcommands").length){var e=a(".camera_thumbs_wrap",b)}else{var e=b}}})(jQuery);(function(a){a.fn.cameraPause=function(){var b=a(this);var c=a(".camera_src",b);c.addClass("paused")}})(jQuery);(function(a){a.fn.cameraResume=function(){var b=a(this);var c=a(".camera_src",b);if(typeof autoAdv==="undefined"||autoAdv!==true){c.removeClass("paused")}}})(jQuery);
|
skin/frontend/base/default/lookbook/js/hotspots.js
ADDED
@@ -0,0 +1,79 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
jQuery.extend({
|
2 |
+
setHotspots : function(slide, hotspots) {
|
3 |
+
if (!hotspots) return;
|
4 |
+
var i=0;
|
5 |
+
hotspots.each(function() {
|
6 |
+
if (!document.getElementById(hotspots[i].id)) {
|
7 |
+
slide.append('<div class="hotspot" id="'+hotspots[i].id+'" style="left:'+hotspots[i].left+'px; top:'+hotspots[i].top+'px; width:'+hotspots[i].width+'px; height:'+hotspots[i].height+'px;">'+hotspots[i].text+'</div>');
|
8 |
+
var infoblock = slide.find('#'+hotspots[i].id +' .product-info');
|
9 |
+
var imgwidth = slide.width();
|
10 |
+
var infowidth = infoblock.width();
|
11 |
+
var hspt_width_hf = parseInt(hotspots[i].width/2);
|
12 |
+
var leftposition = hotspots[i].left+hspt_width_hf+7;
|
13 |
+
infoblock.find('.info-icon').css('left',hspt_width_hf+'px');
|
14 |
+
if (((leftposition + infowidth + 10)> imgwidth) && (leftposition>(imgwidth-leftposition)))
|
15 |
+
{
|
16 |
+
if ( jQuery.browser.msie && jQuery.browser.version=='8.0') {
|
17 |
+
if (leftposition-5<infowidth) {
|
18 |
+
infoblock.css('width', leftposition-20 +'px');
|
19 |
+
infowidth = infoblock.width();
|
20 |
+
}
|
21 |
+
infoblock.css('left', hspt_width_hf-7-infowidth-2*parseInt(infoblock.css('padding-left'))+'px');
|
22 |
+
}
|
23 |
+
else
|
24 |
+
{
|
25 |
+
infoblock.css('left', '');
|
26 |
+
infoblock.css('right', hspt_width_hf+7+'px');
|
27 |
+
}
|
28 |
+
|
29 |
+
if (leftposition-5<infowidth) {
|
30 |
+
infoblock.css('width', leftposition-20 +'px');
|
31 |
+
infowidth = infoblock.width();
|
32 |
+
}
|
33 |
+
}
|
34 |
+
else
|
35 |
+
{
|
36 |
+
infoblock.css('left', hspt_width_hf+7 + 'px');
|
37 |
+
if ((imgwidth-leftposition-5)<infowidth) {
|
38 |
+
infoblock.css('width', imgwidth-leftposition-20 +'px');
|
39 |
+
infowidth = infoblock.width();
|
40 |
+
}
|
41 |
+
}
|
42 |
+
var imgheight = slide.height();
|
43 |
+
var infoheight = infoblock.height();
|
44 |
+
var hspt_height_hf = parseInt(hotspots[i].height/2);
|
45 |
+
var topposition = hotspots[i].top+hspt_height_hf;
|
46 |
+
if (((topposition + infoheight + 30)> imgheight) && (topposition>(imgheight-topposition)))
|
47 |
+
{
|
48 |
+
if ( jQuery.browser.msie && jQuery.browser.version=='8.0') {
|
49 |
+
if (topposition-5<infoheight) {
|
50 |
+
infoblock.css('height', topposition-10 +'px');
|
51 |
+
infoheight = infoblock.height();
|
52 |
+
}
|
53 |
+
infoblock.css('top', hspt_height_hf-infoheight-2*parseInt(infoblock.css('padding-top'))+'px');
|
54 |
+
}
|
55 |
+
else
|
56 |
+
{
|
57 |
+
infoblock.css('top', '');
|
58 |
+
infoblock.css('bottom', hspt_height_hf+'px');
|
59 |
+
}
|
60 |
+
if (topposition-5<infoheight) {
|
61 |
+
infoblock.css('height', topposition-10 +'px');
|
62 |
+
infoheight = infoblock.height();
|
63 |
+
}
|
64 |
+
}
|
65 |
+
else
|
66 |
+
{
|
67 |
+
infoblock.css('top', hspt_height_hf + 'px');
|
68 |
+
if ((imgheight-topposition-5)<infoheight) {
|
69 |
+
infoblock.css('height', imgheight-topposition-10 +'px');
|
70 |
+
infoheight = infoblock.height();
|
71 |
+
}
|
72 |
+
}
|
73 |
+
i++;
|
74 |
+
}
|
75 |
+
});
|
76 |
+
}
|
77 |
+
});
|
78 |
+
|
79 |
+
|
skin/frontend/base/default/lookbook/js/jquery.easing.1.3.js
ADDED
@@ -0,0 +1,205 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/*
|
2 |
+
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
3 |
+
*
|
4 |
+
* Uses the built in easing capabilities added In jQuery 1.1
|
5 |
+
* to offer multiple easing options
|
6 |
+
*
|
7 |
+
* TERMS OF USE - jQuery Easing
|
8 |
+
*
|
9 |
+
* Open source under the BSD License.
|
10 |
+
*
|
11 |
+
* Copyright © 2008 George McGinley Smith
|
12 |
+
* All rights reserved.
|
13 |
+
*
|
14 |
+
* Redistribution and use in source and binary forms, with or without modification,
|
15 |
+
* are permitted provided that the following conditions are met:
|
16 |
+
*
|
17 |
+
* Redistributions of source code must retain the above copyright notice, this list of
|
18 |
+
* conditions and the following disclaimer.
|
19 |
+
* Redistributions in binary form must reproduce the above copyright notice, this list
|
20 |
+
* of conditions and the following disclaimer in the documentation and/or other materials
|
21 |
+
* provided with the distribution.
|
22 |
+
*
|
23 |
+
* Neither the name of the author nor the names of contributors may be used to endorse
|
24 |
+
* or promote products derived from this software without specific prior written permission.
|
25 |
+
*
|
26 |
+
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
27 |
+
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
28 |
+
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
29 |
+
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
30 |
+
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
31 |
+
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
32 |
+
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
33 |
+
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
34 |
+
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
35 |
+
*
|
36 |
+
*/
|
37 |
+
|
38 |
+
// t: current time, b: begInnIng value, c: change In value, d: duration
|
39 |
+
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
40 |
+
|
41 |
+
jQuery.extend( jQuery.easing,
|
42 |
+
{
|
43 |
+
def: 'easeOutQuad',
|
44 |
+
swing: function (x, t, b, c, d) {
|
45 |
+
//alert(jQuery.easing.default);
|
46 |
+
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
47 |
+
},
|
48 |
+
easeInQuad: function (x, t, b, c, d) {
|
49 |
+
return c*(t/=d)*t + b;
|
50 |
+
},
|
51 |
+
easeOutQuad: function (x, t, b, c, d) {
|
52 |
+
return -c *(t/=d)*(t-2) + b;
|
53 |
+
},
|
54 |
+
easeInOutQuad: function (x, t, b, c, d) {
|
55 |
+
if ((t/=d/2) < 1) return c/2*t*t + b;
|
56 |
+
return -c/2 * ((--t)*(t-2) - 1) + b;
|
57 |
+
},
|
58 |
+
easeInCubic: function (x, t, b, c, d) {
|
59 |
+
return c*(t/=d)*t*t + b;
|
60 |
+
},
|
61 |
+
easeOutCubic: function (x, t, b, c, d) {
|
62 |
+
return c*((t=t/d-1)*t*t + 1) + b;
|
63 |
+
},
|
64 |
+
easeInOutCubic: function (x, t, b, c, d) {
|
65 |
+
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
66 |
+
return c/2*((t-=2)*t*t + 2) + b;
|
67 |
+
},
|
68 |
+
easeInQuart: function (x, t, b, c, d) {
|
69 |
+
return c*(t/=d)*t*t*t + b;
|
70 |
+
},
|
71 |
+
easeOutQuart: function (x, t, b, c, d) {
|
72 |
+
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
73 |
+
},
|
74 |
+
easeInOutQuart: function (x, t, b, c, d) {
|
75 |
+
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
76 |
+
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
77 |
+
},
|
78 |
+
easeInQuint: function (x, t, b, c, d) {
|
79 |
+
return c*(t/=d)*t*t*t*t + b;
|
80 |
+
},
|
81 |
+
easeOutQuint: function (x, t, b, c, d) {
|
82 |
+
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
83 |
+
},
|
84 |
+
easeInOutQuint: function (x, t, b, c, d) {
|
85 |
+
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
86 |
+
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
87 |
+
},
|
88 |
+
easeInSine: function (x, t, b, c, d) {
|
89 |
+
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
90 |
+
},
|
91 |
+
easeOutSine: function (x, t, b, c, d) {
|
92 |
+
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
93 |
+
},
|
94 |
+
easeInOutSine: function (x, t, b, c, d) {
|
95 |
+
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
96 |
+
},
|
97 |
+
easeInExpo: function (x, t, b, c, d) {
|
98 |
+
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
99 |
+
},
|
100 |
+
easeOutExpo: function (x, t, b, c, d) {
|
101 |
+
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
102 |
+
},
|
103 |
+
easeInOutExpo: function (x, t, b, c, d) {
|
104 |
+
if (t==0) return b;
|
105 |
+
if (t==d) return b+c;
|
106 |
+
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
107 |
+
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
108 |
+
},
|
109 |
+
easeInCirc: function (x, t, b, c, d) {
|
110 |
+
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
111 |
+
},
|
112 |
+
easeOutCirc: function (x, t, b, c, d) {
|
113 |
+
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
114 |
+
},
|
115 |
+
easeInOutCirc: function (x, t, b, c, d) {
|
116 |
+
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
117 |
+
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
118 |
+
},
|
119 |
+
easeInElastic: function (x, t, b, c, d) {
|
120 |
+
var s=1.70158;var p=0;var a=c;
|
121 |
+
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
122 |
+
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
123 |
+
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
124 |
+
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
125 |
+
},
|
126 |
+
easeOutElastic: function (x, t, b, c, d) {
|
127 |
+
var s=1.70158;var p=0;var a=c;
|
128 |
+
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
129 |
+
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
130 |
+
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
131 |
+
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
132 |
+
},
|
133 |
+
easeInOutElastic: function (x, t, b, c, d) {
|
134 |
+
var s=1.70158;var p=0;var a=c;
|
135 |
+
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
136 |
+
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
137 |
+
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
138 |
+
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
139 |
+
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
140 |
+
},
|
141 |
+
easeInBack: function (x, t, b, c, d, s) {
|
142 |
+
if (s == undefined) s = 1.70158;
|
143 |
+
return c*(t/=d)*t*((s+1)*t - s) + b;
|
144 |
+
},
|
145 |
+
easeOutBack: function (x, t, b, c, d, s) {
|
146 |
+
if (s == undefined) s = 1.70158;
|
147 |
+
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
148 |
+
},
|
149 |
+
easeInOutBack: function (x, t, b, c, d, s) {
|
150 |
+
if (s == undefined) s = 1.70158;
|
151 |
+
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
152 |
+
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
153 |
+
},
|
154 |
+
easeInBounce: function (x, t, b, c, d) {
|
155 |
+
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
156 |
+
},
|
157 |
+
easeOutBounce: function (x, t, b, c, d) {
|
158 |
+
if ((t/=d) < (1/2.75)) {
|
159 |
+
return c*(7.5625*t*t) + b;
|
160 |
+
} else if (t < (2/2.75)) {
|
161 |
+
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
162 |
+
} else if (t < (2.5/2.75)) {
|
163 |
+
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
164 |
+
} else {
|
165 |
+
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
166 |
+
}
|
167 |
+
},
|
168 |
+
easeInOutBounce: function (x, t, b, c, d) {
|
169 |
+
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
170 |
+
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
171 |
+
}
|
172 |
+
});
|
173 |
+
|
174 |
+
/*
|
175 |
+
*
|
176 |
+
* TERMS OF USE - EASING EQUATIONS
|
177 |
+
*
|
178 |
+
* Open source under the BSD License.
|
179 |
+
*
|
180 |
+
* Copyright © 2001 Robert Penner
|
181 |
+
* All rights reserved.
|
182 |
+
*
|
183 |
+
* Redistribution and use in source and binary forms, with or without modification,
|
184 |
+
* are permitted provided that the following conditions are met:
|
185 |
+
*
|
186 |
+
* Redistributions of source code must retain the above copyright notice, this list of
|
187 |
+
* conditions and the following disclaimer.
|
188 |
+
* Redistributions in binary form must reproduce the above copyright notice, this list
|
189 |
+
* of conditions and the following disclaimer in the documentation and/or other materials
|
190 |
+
* provided with the distribution.
|
191 |
+
*
|
192 |
+
* Neither the name of the author nor the names of contributors may be used to endorse
|
193 |
+
* or promote products derived from this software without specific prior written permission.
|
194 |
+
*
|
195 |
+
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
196 |
+
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
197 |
+
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
198 |
+
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
199 |
+
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
200 |
+
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
201 |
+
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
202 |
+
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
203 |
+
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
204 |
+
*
|
205 |
+
*/
|
skin/frontend/base/default/lookbook/js/slides.min.jquery.js
DELETED
@@ -1,20 +0,0 @@
|
|
1 |
-
/*
|
2 |
-
* Slides, A Slideshow Plugin for jQuery
|
3 |
-
* Intructions: http://slidesjs.com
|
4 |
-
* By: Nathan Searles, http://nathansearles.com
|
5 |
-
* Version: 1.1.9
|
6 |
-
* Updated: September 5th, 2011
|
7 |
-
*
|
8 |
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
9 |
-
* you may not use this file except in compliance with the License.
|
10 |
-
* You may obtain a copy of the License at
|
11 |
-
*
|
12 |
-
* http://www.apache.org/licenses/LICENSE-2.0
|
13 |
-
*
|
14 |
-
* Unless required by applicable law or agreed to in writing, software
|
15 |
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
16 |
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
17 |
-
* See the License for the specific language governing permissions and
|
18 |
-
* limitations under the License.
|
19 |
-
*/
|
20 |
-
(function(a){a.fn.slides=function(b){return b=a.extend({},a.fn.slides.option,b),this.each(function(){function w(g,h,i){if(!p&&o){p=!0,b.animationStart(n+1);switch(g){case"next":l=n,k=n+1,k=e===k?0:k,r=f*2,g=-f*2,n=k;break;case"prev":l=n,k=n-1,k=k===-1?e-1:k,r=0,g=0,n=k;break;case"pagination":k=parseInt(i,10),l=a("."+b.paginationClass+" li."+b.currentClass+" a",c).attr("href").match("[^#/]+$"),k>l?(r=f*2,g=-f*2):(r=0,g=0),n=k}h==="fade"?b.crossfade?d.children(":eq("+k+")",c).css({zIndex:10}).fadeIn(b.fadeSpeed,b.fadeEasing,function(){b.autoHeight?d.animate({height:d.children(":eq("+k+")",c).outerHeight()},b.autoHeightSpeed,function(){d.children(":eq("+l+")",c).css({display:"none",zIndex:0}),d.children(":eq("+k+")",c).css({zIndex:0}),b.animationComplete(k+1),p=!1}):(d.children(":eq("+l+")",c).css({display:"none",zIndex:0}),d.children(":eq("+k+")",c).css({zIndex:0}),b.animationComplete(k+1),p=!1)}):d.children(":eq("+l+")",c).fadeOut(b.fadeSpeed,b.fadeEasing,function(){b.autoHeight?d.animate({height:d.children(":eq("+k+")",c).outerHeight()},b.autoHeightSpeed,function(){d.children(":eq("+k+")",c).fadeIn(b.fadeSpeed,b.fadeEasing)}):d.children(":eq("+k+")",c).fadeIn(b.fadeSpeed,b.fadeEasing,function(){a.browser.msie&&a(this).get(0).style.removeAttribute("filter")}),b.animationComplete(k+1),p=!1}):(d.children(":eq("+k+")").css({left:r,display:"block"}),b.autoHeight?d.animate({left:g,height:d.children(":eq("+k+")").outerHeight()},b.slideSpeed,b.slideEasing,function(){d.css({left:-f}),d.children(":eq("+k+")").css({left:f,zIndex:5}),d.children(":eq("+l+")").css({left:f,display:"none",zIndex:0}),b.animationComplete(k+1),p=!1}):d.animate({left:g},b.slideSpeed,b.slideEasing,function(){d.css({left:-f}),d.children(":eq("+k+")").css({left:f,zIndex:5}),d.children(":eq("+l+")").css({left:f,display:"none",zIndex:0}),b.animationComplete(k+1),p=!1})),b.pagination&&(a("."+b.paginationClass+" li."+b.currentClass,c).removeClass(b.currentClass),a("."+b.paginationClass+" li:eq("+k+")",c).addClass(b.currentClass))}}function x(){clearInterval(c.data("interval"))}function y(){b.pause?(clearTimeout(c.data("pause")),clearInterval(c.data("interval")),u=setTimeout(function(){clearTimeout(c.data("pause")),v=setInterval(function(){w("next",i)},b.play),c.data("interval",v)},b.pause),c.data("pause",u)):x()}a("."+b.container,a(this)).children().wrapAll('<div class="slides_control"/>');var c=a(this),d=a(".slides_control",c),e=d.children().size(),f=d.children().outerWidth(),g=d.children().outerHeight(),h=b.start-1,i=b.effect.indexOf(",")<0?b.effect:b.effect.replace(" ","").split(",")[0],j=b.effect.indexOf(",")<0?i:b.effect.replace(" ","").split(",")[1],k=0,l=0,m=0,n=0,o,p,q,r,s,t,u,v;if(e<2)return a("."+b.container,a(this)).fadeIn(b.fadeSpeed,b.fadeEasing,function(){o=!0,b.slidesLoaded()}),a("."+b.next+", ."+b.prev).fadeOut(0),!1;if(e<2)return;h<0&&(h=0),h>e&&(h=e-1),b.start&&(n=h),b.randomize&&d.randomize(),a("."+b.container,c).css({overflow:"hidden",position:"relative"}),d.children().css({position:"absolute",top:0,left:d.children().outerWidth(),zIndex:0,display:"none"}),d.css({position:"relative",width:f*3,height:g,left:-f}),a("."+b.container,c).css({display:"block"}),b.autoHeight&&(d.children().css({height:"auto"}),d.animate({height:d.children(":eq("+h+")").outerHeight()},b.autoHeightSpeed));if(b.preload&&d.find("img:eq("+h+")").length){a("."+b.container,c).css({background:"url("+b.preloadImage+") no-repeat 50% 50%"});var z=d.find("img:eq("+h+")").attr("src")+"?"+(new Date).getTime();a("img",c).parent().attr("class")!="slides_control"?t=d.children(":eq(0)")[0].tagName.toLowerCase():t=d.find("img:eq("+h+")"),d.find("img:eq("+h+")").attr("src",z).load(function(){d.find(t+":eq("+h+")").fadeIn(b.fadeSpeed,b.fadeEasing,function(){a(this).css({zIndex:5}),a("."+b.container,c).css({background:""}),o=!0,b.slidesLoaded()})})}else d.children(":eq("+h+")").fadeIn(b.fadeSpeed,b.fadeEasing,function(){o=!0,b.slidesLoaded()});b.bigTarget&&(d.children().css({cursor:"pointer"}),d.children().click(function(){return w("next",i),!1})),b.hoverPause&&b.play&&(d.bind("mouseover",function(){x()}),d.bind("mouseleave",function(){y()})),b.generateNextPrev&&(a("."+b.container,c).after('<a href="#" class="'+b.prev+'">Prev</a>'),a("."+b.prev,c).after('<a href="#" class="'+b.next+'">Next</a>')),a("."+b.next,c).click(function(a){a.preventDefault(),b.play&&y(),w("next",i)}),a("."+b.prev,c).click(function(a){a.preventDefault(),b.play&&y(),w("prev",i)}),b.generatePagination?(b.prependPagination?c.prepend("<ul class="+b.paginationClass+"></ul>"):c.append("<ul class="+b.paginationClass+"></ul>"),d.children().each(function(){a("."+b.paginationClass,c).append('<li><a href="#'+m+'">'+(m+1)+"</a></li>"),m++})):a("."+b.paginationClass+" li a",c).each(function(){a(this).attr("href","#"+m),m++}),a("."+b.paginationClass+" li:eq("+h+")",c).addClass(b.currentClass),a("."+b.paginationClass+" li a",c).click(function(){return b.play&&y(),q=a(this).attr("href").match("[^#/]+$"),n!=q&&w("pagination",j,q),!1}),a("a.link",c).click(function(){return b.play&&y(),q=a(this).attr("href").match("[^#/]+$")-1,n!=q&&w("pagination",j,q),!1}),b.play&&(v=setInterval(function(){w("next",i)},b.play),c.data("interval",v))})},a.fn.slides.option={preload:!1,preloadImage:"/img/loading.gif",container:"slides_container",generateNextPrev:!1,next:"next",prev:"prev",pagination:!0,generatePagination:!0,prependPagination:!1,paginationClass:"pagination",currentClass:"current",fadeSpeed:350,fadeEasing:"",slideSpeed:350,slideEasing:"",start:1,effect:"slide",crossfade:!1,randomize:!1,play:0,pause:0,hoverPause:!1,autoHeight:!1,autoHeightSpeed:350,bigTarget:!1,animationStart:function(){},animationComplete:function(){},slidesLoaded:function(){}},a.fn.randomize=function(b){function c(){return Math.round(Math.random())-.5}return a(this).each(function(){var d=a(this),e=d.children(),f=e.length;if(f>1){e.hide();var g=[];for(i=0;i<f;i++)g[g.length]=i;g=g.sort(c),a.each(g,function(a,c){var f=e.eq(c),g=f.clone(!0);g.show().appendTo(d),b!==undefined&&b(f,g),f.remove()})}})}})(jQuery)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|