4_15_2019 update

This commit is contained in:
Frank John Begornia
2019-04-15 22:38:53 +08:00
parent 0fe1270756
commit c5862dfbf4
665 changed files with 401297 additions and 194 deletions

View File

@@ -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++