- 13, May 2024
- #1
Всем привет...
У меня есть веб-сайт, над которым я работаю, обновляя его. На главной странице находится полностраничный слайдер изображений, каждый из которых содержит другие элементы изображения, анимируемые поверх основного изображения, которые содержатся в элементе
- . Я пытаюсь связать два из этих объектов с другими страницами сайта. Когда я попытаюсь, только один из связанных объектов будет иметь рабочую ссылку. Есть идеи?
Веб-сайт http://classicculinaire.com/index.html
, и я имею в виду два наложенных объекта изображения на первом слайде.
Любая помощь, которую вы можете предложить, будет очень признательна. Я вставляю код ниже для раздела, о котором говорю. Жирные красные секции — это изображения, которые я пытаюсь связать.
<header class="main-header slider-on" id="top">
<div class="main-slider-container">
<div class="main-slider" >
<ul class="scrollme">
<li data-transition="fade" data-slotamount="7" data-masterspeed="1500" >
<img class="rs-parallaxlevel-1" src="img/slider-images/slider-bg4.jpg" alt="Классическая кулинария от шеф-повара" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
<div class="tp-caption customin customout rs-parallaxlevel-2"
data-x="center"
data-y="center"
data-voffset="-260"
data-customin="x:0;y:-100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:1200;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-start="1000"
data-speed="1500"
data-easing="Expo.easeOut"
data-elementdelay="0.5"
data-endspeed="600"
data-endeasing="Linear.easeNone">
<img src="img/slider-images/culinary_service.png" alt="Кулинария и сервис" class="animateme"
data-when="exit"
data-from="0"
data-to="0.3"
data-opacity="0"
data-translatey="-80">
</div>
<div class="tp-caption customin customout rs-parallaxlevel-2"
data-x="center"
data-y="center"
data-voffset="-25"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:1200;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-start="1500"
data-speed="1200"
data-easing="Expo.easeInOut"
data-endeasing="Linear.easeNone">
<img src="img/slider-images/mealdelivery.png" alt="Превосходство" class="animateme"
data-when="exit"
data-from="0"
data-to="0.4"
data-opacity="0"
data-translatey="-70">
</div>
<div class="tp-caption customin customout rs-parallaxlevel-2"
data-x="center"
data-y="center"
data-voffset="155"
data-customin="x:0;y:80;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:1200;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-start="2700"
data-speed="700"
data-easing="Expo.easeOut">
<img src="img/slider-images/chefservices.png" alt="Готовим с тех пор" class="animateme"
data-when="exit"
data-from="0"
data-to="0.5"
data-opacity="0"
data-translatey="60">
</div>
<div class="tp-caption customin customout rs-parallaxlevel-2"
data-x="center"
data-y="center"
data-voffset="300"
data-customin="x:0;y:40;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:1200;transformOrigin:50% 50%;"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;"
data-start="4000"
data-speed="800"
data-easing="Power2.easeInOut">
<a href="[URL='https://lumtu.com/yti/bAddAbWxodHRwOi8vY2xhc3NpY2N1bGluYWlyZS5jb20vY29udGFjdC5oCdj']http://classicculinaire.com/contact.html[/URL]" class="custom-button button-style1 animateme"
data-when="exit"
data-from="0"
data-to="0.6"
data-opacity="0"
data-translatey="60"><i class="icon-eye"></i>Contact us today!</a>
</div>
</li>
HTML: Спасибо!
Дэйвид