Проблема при связывании двух объектов внутри
    • Автор темы artem-sokirko
    • 37
    • Обновлено
    • 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: Спасибо!
      Дэйвид

    artem-sokirko


    Рег
    03 Nov, 2014

    Тем
    1

    Постов
    2

    Баллов
    12
    • 04, Jun 2024
    • #2
    Не уверен, что это поможет, но попробуйте...
     <a href="Your Link"><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"></a>
    Код (разметка):
     

    Marinalavvki


    Рег
    22 Mar, 2015

    Тем
    0

    Постов
    3

    Баллов
    3
    Тем
    49554
    Комментарии
    57426
    Опыт
    552966

    Интересно