leonamx (09 Июнь 2016 - 12:14) писал:
Сделайте, пожалуйста, изменения, чтобы мы могли посмотреть. Можете сохранить их в отельном бэкапе и далее вернуть обычный вид сайта.
Отправлено 11 Июнь 2016 - 10:40
Отправлено 16 Июнь 2016 - 07:10
<div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" oncontextmenu="return false"/></a> </div> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" oncontextmenu="return false"/></a> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /> </div> </div>
<div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" oncontextmenu="return false"/> <img u="thumb" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /> </a> </div> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" oncontextmenu="return false"/> <img u="thumb" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /> </a> </div>
Отправлено 16 Июнь 2016 - 08:12
Отправлено 22 Июнь 2016 - 00:46
Отправлено 23 Июнь 2016 - 05:33
<div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" oncontextmenu="return false"/> <img u="thumb" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /> </a> </div> <div> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" oncontextmenu="return false"/> <img u="thumb" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /> </a> </div> <!-- Arrow Left --> <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span> <!-- Arrow Right --> <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span> <!-- thumbnail navigator container --> <div u="thumbnavigator" class="jssort16 " style="width: 800px; height: 100px; left:0px; bottom: 0px;"> <!-- Thumbnail Item Skin Begin --> <div u="slides" style="cursor: move;"> <div u="prototype" class="p"> <div class=w><div u="thumbnailtemplate" class="t"></div></div> <div class=c></div> </div> </div> <!-- Thumbnail Item Skin End --> </div> <!-- Thumbnail Navigator Skin End --> </div>
<div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 600px; height: 400px; overflow: hidden; visibility: hidden;"> <!-- Loading Screen --> <div data-u="loading" style="position: absolute; top: 0px; left: 0px;"> <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div> <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div> </div> <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 600px; height: 300px; overflow: hidden;"> <div data-p="112.50" style="display: none;"> <img data-u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg" /> <div data-u="thumb"> <img src="{ASSETS_IMAGES_PATH}slide1.jpg" /> </div> </div> <div data-p="112.50" style="display: none;"> <img data-u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg" /> <div data-u="thumb"> <img src="{ASSETS_IMAGES_PATH}slide2.jpg" /> </div> </div> </div> <!-- Thumbnail Navigator --> <div data-u="thumbnavigator" class="jssort16" style="position:absolute;left:0px;bottom:0px;width:600px;height:100px;" data-autocenter="1"> <!-- Thumbnail Item Skin Begin --> <div data-u="slides" style="cursor: default;"> <div data-u="prototype" class="p"> <div data-u="thumbnailtemplate" class="t"></div> </div> </div> <!-- Thumbnail Item Skin End --> </div> <!-- Arrow Left --> <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span> <!-- Arrow Right --> <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span> </div>
var jssor_slider1 = new $JssorSlider$("slider", options);
var jssor_slider1 = new $JssorSlider$("jssor_1", options);
<script type="text/javascript" src="{ASSETS_JS_PATH}jssor_slider.js?design=summer"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jssor.slider.min.js"></script>
Отправлено 23 Июнь 2016 - 10:50
Отправлено 24 Июнь 2016 - 01:39
$SlideDuration: 800,
$SlideDuration: 4000,
Отправлено 27 Июнь 2016 - 21:16
Отправлено 29 Июнь 2016 - 04:38
<div data-u="slides" style="cursor: default;"> <div data-u="prototype" class="p"> <div data-u="thumbnailtemplate" class="t"></div> </div> </div>
<div id="thumb" data-u="slides" style="cursor: default;"> <div data-u="prototype" class="p"> <div data-u="thumbnailtemplate" class="t"></div> </div> </div>
#thumb { width: 100% !important; text-align: center; left: initial !important; } #thumb > div { display: inline-block !important; position: relative !important; left: initial !important; top: initial !important; transform: none !important; } #thumb > div:first-child { display: none !important; }
Отправлено 07 Июль 2016 - 20:15
Отправлено 12 Июль 2016 - 11:07
leonamx (07 Июль 2016 - 20:15) писал:
<div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 600px; height: 400px; overflow: hidden; visibility: hidden;"> <!-- Loading Screen --> <div data-u="loading" style="position: absolute; top: 0px; left: 0px;"> <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div> <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div> </div> <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 600px; height: 300px; overflow: hidden;"> <div data-p="112.50" style="display: none;"> <img data-u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg" /> <div data-u="thumb"> <img src="{ASSETS_IMAGES_PATH}slide1.jpg" /> </div> </div> <div data-p="112.50" style="display: none;"> <img data-u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg" /> <div data-u="thumb"> <img src="{ASSETS_IMAGES_PATH}slide2.jpg" /> </div> </div> </div> <!-- Thumbnail Navigator --> <div data-u="thumbnavigator" class="jssort16" style="position:absolute;left:0px;bottom:0px;width:600px;height:100px;" data-autocenter="1"> <!-- Thumbnail Item Skin Begin --> <div id="thumb" data-u="slides" style="cursor: default;"> <div data-u="prototype" class="p"> <div data-u="thumbnailtemplate" class="t"></div> </div> </div> <!-- Thumbnail Item Skin End --> </div> <!-- Arrow Left --> <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span> <!-- Arrow Right --> <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span> </div>и заменить его на
<div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 525px; height: 310px; overflow: hidden; visibility: hidden;"> <!-- Loading Screen --> <div data-u="loading" style="position: absolute; top: 0px; left: 0px;"> <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div> <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div> </div> <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 525px; height: 210px; overflow: hidden;"> <div data-p="112.50" style="display: none;"> <img data-u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg" /> <div data-u="thumb"> <img src="{ASSETS_IMAGES_PATH}slide1.jpg" /> </div> </div> <div data-p="112.50" style="display: none;"> <img data-u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg" /> <div data-u="thumb"> <img src="{ASSETS_IMAGES_PATH}slide2.jpg" /> </div> </div> </div> <!-- Thumbnail Navigator --> <div data-u="thumbnavigator" class="jssort16" style="position:absolute;left:0px;bottom:0px;width:600px;height:100px;" data-autocenter="1"> <!-- Thumbnail Item Skin Begin --> <div id="thumb" data-u="slides" style="cursor: default;"> <div data-u="prototype" class="p"> <div data-u="thumbnailtemplate" class="t"></div> </div> </div> <!-- Thumbnail Item Skin End --> </div> <!-- Arrow Left --> <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span> <!-- Arrow Right --> <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span> </div>Так же в дальнейшем Вам нужно будет грузить картинки пропорциональные размеру 525*210
<div data-p="112.50" style="display: none;"> <img data-u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg" /> <div data-u="thumb"> <img src="{ASSETS_IMAGES_PATH}slide2.jpg" /> </div> </div>и сразу после него добавить такой же
<div data-p="112.50" style="display: none;"> <img data-u="image" src="{ASSETS_IMAGES_PATH}название новой картинки" /> <div data-u="thumb"> <img src="{ASSETS_IMAGES_PATH}название новой картинки" /> </div> </div>Заместо Название новой картинки укажите реальное имя картинки с расширением (.jpg)
.jssora21l, .jssora21r{top:79.5px !important;}
Отправлено 13 Июль 2016 - 19:42
Отправлено 14 Июль 2016 - 09:40
Отправлено 14 Июль 2016 - 17:45
leonamx (14 Июль 2016 - 09:40) писал:
$SlideDuration: 4000,и изменяйте значение 4000 на то, которое Вам удобнее.
Отправлено 16 Июль 2016 - 11:45
Отправлено 16 Июль 2016 - 11:50
leonamx (16 Июль 2016 - 11:45) писал:
$AutoPlayInterval: 4000,
Отправлено 16 Июль 2016 - 11:57
Отправлено 16 Июль 2016 - 12:24
leonamx (16 Июль 2016 - 11:57) писал:
<script type="text/javascript" src="{ASSETS_JS_PATH}jssor.slider.min.js"></script>
0 пользователей, 0 гостей, 0 анонимных