Изреждане на ефекти с резултати

M

Msecurity

Registered
Здравейте колеги
Имам си слайдер и тои си взима инфото от БД-то, но има ли вариант при всеки резултат да се появява различен ефект?
Въпросът ми е как направя за да може да се изреждат всички ефекти който съм създал в слайдера?

Поздрави
 
Fakeheal каза:
Какъв е слайдера? Как взимаш и показваш информацията?
Демо или код пусни? :)
Увеличете...

Информацията я взимам със заявкаWHERE , а всеки слайд е във отделен див , ето един примерен слайд:
HTML: 
<div class="ls-slide" data-ls="slidedelay:7500;transition2d:75,79;">
                    <img src="sliderimages/03_bg.png" class="ls-bg" alt="Slide background"/>

                
                    <img class="ls-l" style="top:20px;left:50%;white-space: nowrap; height: 500px; 
				    border: 10px solid rgba(255,255,255, 0.3); " 
                    data-ls="
                    offsetxin:0;
                    offsetyin:30;
                    delayin:320;
                    scalexin:0.9;
                    scaleyin:0.9;
                    offsetxout:0;
                    offsetyout:300;
                    durationout:1000;
                    scalexout:0.5;
                    scaleyout:0.5;
                    transformoriginout:50% 
                    bottom 0;" 
                    src="tuning/chop.jpg" height="500" alt="">

                    <img class="ls-l" style="top:320px;left:870px;white-space: nowrap;" 
                    data-ls="
                    offsetxin:0;
                    offsetyin:30;
                    delayin:1420;
                    scalexin:0.9;
                    scaleyin:0.9;
                    offsetxout:0;
                    offsetyout:300;
                    durationout:1000;
                    scalexout:0.5;
                    scaleyout:0.5;
                    transformoriginout:50% 
                    bottom 0;" 
                    src="sliderimages/feature-mobile.png" alt="">

                    <img class="ls-l" style="top:320px;left:990px;white-space: nowrap;" 
                    data-ls="
                    offsetxin:0;
                    offsetyin:30;
                    delayin:1620;
                    scalexin:0.9;
                    scaleyin:0.9;
                    offsetxout:0;
                    offsetyout:300;
                    durationout:1000;
                    scalexout:0.5;
                    scaleyout:0.5;
                    transformoriginout:50% 
                    bottom 0;" 
                    src="sliderimages/feature-youtube.png" alt="">
                    
                    <p class="ls-l" style="
                    top:7px;
                    left:60%;
                    opacity: .3;
                    font-weight: 900;
                    font-size:200px;
                    color:#ffffff;
                    white-space: nowrap;" 
                    data-ls="offsetxin:50;durationin:2000;delayin:1000;rotateyin:60;transformoriginin:right 50%
                    0;offsetxout:-50;durationout:3000;showuntil:400;rotateyout:-60;transformoriginout:left 50% 0;">
					2014
				   </p>
                   
				   <h1 class="ls-l" style="
                   top:80px;
                   left:50%;
                   opacity: .3;
                   font-weight: 600;
                   font-size:40px;
                   color:#ffffff;
                   white-space: nowrap;" 
                   data-ls="offsetxin:50;durationin:3000;rotateyin:60;transformoriginin:right 50%
                   0;offsetxout:-50;durationout:3000;showuntil:400;rotateyout:-60;transformoriginout:left 50% 0;">
                   Автомобил
                   </h1>
				   
                   <h2 class="ls-l" style="
                   top:120px;
                   left:45%;
                   opacity: .3;
                   font-weight: 700;
                   font-size:30px;
                   color: #ffffff;
                   white-space: nowrap;" 
                   data-ls="offsetxin:-50;durationin:3000;delayin:500;rotateyin:-60;transformoriginin:left 50% 
                   0;offsetxout:50;durationout:3000;showuntil:1;rotateyout:60;transformoriginout:right 50% 0;">
                   за месец МАРТ
                   </h2>
                                  
                    <img class="ls-l" style="top:377px;left:45%;white-space: nowrap;" 
                    data-ls="
                    offsetxin:0;
                    offsetyin:30;
                    delayin:620;
                    scalexin:0.9;
                    scaleyin:0.9;
                    offsetxout:0;
                    offsetyout:300;
                    durationout:1000;
                    scalexout:0.5;
                    scaleyout:0.5;
                    transformoriginout:50% 
                    bottom 0;" 
                    src="sliderimages/02_slider.png" alt="">

                    <img class="ls-l" style="top:381px;left:26%;white-space: nowrap;" 
                    data-ls="
                    offsetxin:0;
                    offsetyin:30;
                    delayin:920;
                    scalexin:0.9;
                    scaleyin:0.9;
                    offsetxout:0;
                    offsetyout:300;
                    durationout:1000;
                    scalexout:0.5;
                    scaleyout:0.5;
                    transformoriginout:50% 
                    bottom 0;" 
                    src="sliderimages/03_slider.png" alt="">

                    <img class="ls-l" style="top:494px;left:28%;white-space: nowrap;" 
                    data-ls="
                    offsetxin:0;
                    offsetyin:30;
                    delayin:1220;
                    scalexin:0.9;
                    scaleyin:0.9;
                    offsetxout:0;
                    offsetyout:300;
                    durationout:1000;
                    scalexout:0.5;
                    scaleyout:0.5;
                    transformoriginout:50% 
                    bottom 0;" 
                    src="sliderimages/04_slider.png" alt="">
                    
                    <p class="ls-l ls01" style="
                    top:425px;
                    left:735px;
                    
                    padding: 0 12px 0;
                    font-size:21px;
                    line-height:37px;
                    color:#ffffff;
                    border-radius:100px;
                    white-space: nowrap;" 
                    data-ls="durationin:1500;delayin:1700;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;">
                    175
                    </p>
				</div>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе