|
|
|
@ -46,7 +46,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="desReadyBlock"> |
|
|
|
<div class="desReadyBlock"> |
|
|
|
{% if object.description %} |
|
|
|
{% if object.description %} |
|
|
|
<div class="col-lg-10 col-lg-offset-1"> |
|
|
|
<div class="col-lg-10 col-lg-offset-1"> |
|
|
|
@ -59,45 +58,42 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{% endif %} |
|
|
|
{% endif %} |
|
|
|
<div class="col-lg-12 sliderReady"> |
|
|
|
<div class="col-lg-12 sliderReady"> |
|
|
|
|
|
|
|
{% if object.photos.all|length > 1 %} |
|
|
|
<div class="arroww prev3"></div> |
|
|
|
<div class="arroww prev3"></div> |
|
|
|
<div class="arroww next3"></div> |
|
|
|
<div class="arroww next3"></div> |
|
|
|
|
|
|
|
{% endif %} |
|
|
|
<div class="swiper-container gallery-top"> |
|
|
|
<div class="swiper-container gallery-top"> |
|
|
|
<div class="swiper-wrapper"> |
|
|
|
<div class="swiper-wrapper"> |
|
|
|
<div class="swiper-slide" style="background-image:url('{% static object.get_cover.url %}')"></div> |
|
|
|
|
|
|
|
{% for photo in object.photos.all %} |
|
|
|
{% for photo in object.photos.all %} |
|
|
|
<div class="swiper-slide" style="background-image:url('{% static photo.img.url %}')"></div> |
|
|
|
<div class="swiper-slide" style="background-image:url('{% static photo.img.url %}')"></div> |
|
|
|
{% endfor %} |
|
|
|
{% endfor %} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
{% if object.photos.all|length > 1 %} |
|
|
|
<div class="swiper-container gallery-thumbs"> |
|
|
|
<div class="swiper-container gallery-thumbs"> |
|
|
|
<div class="swiper-wrapper"> |
|
|
|
<div class="swiper-wrapper"> |
|
|
|
<div class="swiper-slide is-selected" style="background-image:url('{% static object.get_cover.url %}')"></div> |
|
|
|
|
|
|
|
{% for photo in object.photos.all %} |
|
|
|
{% for photo in object.photos.all %} |
|
|
|
<div class="swiper-slide" style="background-image:url('{% static photo.img.url %}')"></div> |
|
|
|
<div class="swiper-slide" style="background-image:url('{% static photo.img.url %}')"></div> |
|
|
|
{% endfor %} |
|
|
|
{% endfor %} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
{% endif %} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{# <div class="col-lg-12">#} |
|
|
|
|
|
|
|
{# <div class="triangle2"></div>#} |
|
|
|
|
|
|
|
{# <div class="arr arr1"></div>#} |
|
|
|
|
|
|
|
{# <div class="arr arr2"></div>#} |
|
|
|
|
|
|
|
{# </div>#} |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-lg-12 sibl"> |
|
|
|
<div class="col-lg-12 sibl"> |
|
|
|
<p>Похожие работы</p> |
|
|
|
<p>Похожие работы</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="gallMini disTab"> |
|
|
|
<div class="gallMini disTab"> |
|
|
|
{% for worksell in worksell_related %} |
|
|
|
{% for worksell in worksell_related %} |
|
|
|
<div class="col-lg-3"> |
|
|
|
<div class="col-lg-3"> |
|
|
|
|
|
|
|
|
|
|
|
<div class="insetCol box-sizing disTab"> |
|
|
|
<div class="insetCol box-sizing disTab"> |
|
|
|
{% thumbnail worksell.get_cover "265x265" crop="center" as im %} |
|
|
|
{% thumbnail worksell.get_cover "265x265" crop="center" as im %} |
|
|
|
|
|
|
|
<a href="{% url 'work_sell:detail' worksell.pk %}"> |
|
|
|
<div class="imgGal" style="background: url('{{ im.url }}') no-repeat center;"> |
|
|
|
<div class="imgGal" style="background: url('{{ im.url }}') no-repeat center;"> |
|
|
|
<div class="imgFigure"></div> |
|
|
|
<div class="imgFigure"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</a> |
|
|
|
{% endthumbnail %} |
|
|
|
{% endthumbnail %} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -122,11 +118,11 @@ |
|
|
|
nextButton: '.next3', |
|
|
|
nextButton: '.next3', |
|
|
|
prevButton: '.prev3', |
|
|
|
prevButton: '.prev3', |
|
|
|
spaceBetween: 15, |
|
|
|
spaceBetween: 15, |
|
|
|
onSlideChangeEnd: function(swiper){ |
|
|
|
onSlideChangeEnd: function (swiper) { |
|
|
|
var activeIndex = swiper.activeIndex; |
|
|
|
var activeIndex = swiper.activeIndex; |
|
|
|
$(galleryThumbs.slides).removeClass('is-selected'); |
|
|
|
$(galleryThumbs.slides).removeClass('is-selected'); |
|
|
|
$(galleryThumbs.slides).eq(activeIndex).addClass('is-selected'); |
|
|
|
$(galleryThumbs.slides).eq(activeIndex).addClass('is-selected'); |
|
|
|
galleryThumbs.slideTo(activeIndex,300, false); |
|
|
|
galleryThumbs.slideTo(activeIndex, 300, false); |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -139,15 +135,15 @@ |
|
|
|
touchRatio: 0.2, |
|
|
|
touchRatio: 0.2, |
|
|
|
nextButton: '.arr2', |
|
|
|
nextButton: '.arr2', |
|
|
|
prevButton: '.arr1', |
|
|
|
prevButton: '.arr1', |
|
|
|
onClick: function (swiper, event){ |
|
|
|
onClick: function (swiper, event) { |
|
|
|
var clicked = swiper.clickedIndex |
|
|
|
var clicked = swiper.clickedIndex |
|
|
|
swiper.activeIndex = clicked; |
|
|
|
swiper.activeIndex = clicked; |
|
|
|
swiper.updateClasses() |
|
|
|
swiper.updateClasses() |
|
|
|
$(swiper.slides).removeClass('is-selected'); |
|
|
|
$(swiper.slides).removeClass('is-selected'); |
|
|
|
$(swiper.clickedSlide).addClass('is-selected'); |
|
|
|
$(swiper.clickedSlide).addClass('is-selected'); |
|
|
|
galleryTop.slideTo(clicked,300, false); |
|
|
|
galleryTop.slideTo(clicked, 300, false); |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
{% endblock %} |
|
|
|
{% endblock %} |
|
|
|
|