4_15_2019 update
This commit is contained in:
@@ -169,6 +169,31 @@
|
||||
.carousel-control.left {
|
||||
margin-left: 0px;
|
||||
}
|
||||
/* .edge-text { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;} */
|
||||
|
||||
/* these styles are for the demo, but are not required for the plugin */
|
||||
.zoom {
|
||||
display:inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* magnifying glass icon */
|
||||
.zoom:after {
|
||||
content:'';
|
||||
display:block;
|
||||
width:33px;
|
||||
height:33px;
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
/* background:url("{{asset('public/images/icon.png') }}"); */
|
||||
}
|
||||
|
||||
.zoom img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.zoom img::selection { background-color: transparent; }
|
||||
</style>
|
||||
|
||||
<div class="container">
|
||||
@@ -201,15 +226,19 @@
|
||||
@endif -->
|
||||
|
||||
@if($thumbnail->ImageClass == 'active')
|
||||
<div class="active item" data-slide-number="{{ $i }}">
|
||||
<img style="height:400px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}">
|
||||
<div class="active item text-center" data-slide-number="{{ $i }}">
|
||||
<span class="zoom img-zoom">
|
||||
<img style="height:400px;" src="{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}">
|
||||
<!-- <p class="edge-text">Click to zoom <i class="fa fa-search-plus"></i></p> -->
|
||||
</span>
|
||||
</div>
|
||||
@else
|
||||
<div class="item" data-slide-number="{{ $i }}">
|
||||
<img style="height:400px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}">
|
||||
<div class="item text-center" data-slide-number="{{ $i }}">
|
||||
<span class="zoom img-zoom">
|
||||
<img style="height:400px;" src="{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}">
|
||||
</span>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@define $i++
|
||||
@endforeach
|
||||
</div>
|
||||
@@ -234,7 +263,7 @@
|
||||
@foreach($thumbnails_array as $thumbnail)
|
||||
<li class="col-sm-3 col-xs-3">
|
||||
<a class="thumbnail a_thumbnail {{ $thumbnail->ImageClass }}" id="carousel-selector-{{ $j }}">
|
||||
<img class="img img-responsive product-center image-thumbnails" style="height: 59.45px;" src="http://{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}"/>
|
||||
<img class="img img-responsive product-center image-thumbnails" style="height: 59.45px;" src="{{ config('site_config.prod_private_server_ip') }}/images/{{ $thumbnail->Image }}"/>
|
||||
</a>
|
||||
</li>
|
||||
@define $j++
|
||||
|
||||
Reference in New Issue
Block a user