Question

Как создать новый слайдер, для дизайна #1051?

Answer 1

Добрый день!

Вам не нужно создавать новый слайдер. Вы можете добавить любой слайдер, который вам понравиться. Зайдите в Google и напишите скрипт слайдера. Потом просто вставте его в нужное место. Любой слайдер в зависимости от сложности, реализован по средставам JS,CSS и HTML, есть конечно и HTML5 слайдера, там JS не нужен.

Если вы имели ввиду добавить новый слайд, то в большенстве случаеев вам нужно добавить еще одно значение <li></li> в <ul></ul>.

Comments

Вот сделал 3 слайдер, но фотка не показывается

<?if($URI_ID$="page1")?>
<div class="slider-row">
    <div class="cap"></div>
    <div class="cont-wrap">
            <div class="slider pattern" id="camera_wrap">
                <div data-src="/.s/t/1051/slide1.jpg">
                    <div class="camera_caption fadeFromLeft">
                        <h2 class="slide-ttl">Lorem Ipsum is simply</h2>
                        <div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the
    industry's standard dummy text ever since the 1500s, when an
    unknown printer took a galley of type and scrambled it to</div>
    <a href="#" class="btn-lnk dark-gr">watch online</a>
                        </div>
                        <div class="fadeIn camera_effected slide-inner-b"></div>
                    </div>
                     <div data-src="/.s/t/1051/slide2.jpg">
                        <div class="camera_caption fadeFromLeft">
                               <h2 class="slide-ttl">Lorem Ipsum is simply</h2>
                            <div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the
    industry's standard dummy text ever since the 1500s, when an
    unknown printer took a galley of type and scrambled it to</div>
    <a href="#" class="btn-lnk dark-gr">watch online</a>
                    </div>
                <div class="slider pattern" id="camera_wrap">
                <div data-src="http://im0-tub-ru.yandex.net/i?id=ec13ed518d8fb49b7ab802b7688905bf&n=24">
                    <div class="camera_caption fadeFromLeft">
                        <h2 class="slide-ttl">Lorem Ipsum is simply</h2>
                        <div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the
    industry's standard dummy text ever since the 1500s, when an
    unknown printer took a galley of type and scrambled it to</div>
    <a href="#" class="btn-lnk dark-gr">watch online</a>
                        </div>    
                 <div class="fadeIn camera_effected" style="position: absolute;"></div>
                    
                </div>
            </div>
    </div>

    <div class="cap"></div>
</div>
<?endif?>

---

<div data-src="http://im0-tub-ru.yandex.net/i?id=ec13ed518d8fb49b7ab802b7688905bf&n=24"> - ссылка картинки должна быть в формате .jpg