Afinaciones
This commit is contained in:
@ -3,29 +3,33 @@
|
||||
CLIENTES
|
||||
</div>
|
||||
<div class="ui grid">
|
||||
<div class="column ci">
|
||||
<i class="left chevron big icon" id="left_arrow"></i>
|
||||
</div>
|
||||
<div class="fourteen wide column">
|
||||
<div class="ui center aligned stackable grid" id="img_clientes">
|
||||
<div class="row">
|
||||
@for ($i = 0; $i < min(10, count($clientes)); $i += 2)
|
||||
<div class="three wide column">
|
||||
{!!$clientes[$i]!!}
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
<div class="row">
|
||||
@for ($i = 1; $i < min(10, count($clientes)); $i += 2)
|
||||
<div class="three wide column">
|
||||
{!!$clientes[$i]!!}
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
<div class="two column row">
|
||||
<div class="left alined column ci">
|
||||
<i class="left chevron big icon" id="left_arrow"></i>
|
||||
</div>
|
||||
<div class="right aligned column ci">
|
||||
<i class="right chevron big icon" id="right_arrow"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column ci">
|
||||
<i class="right chevron big icon" id="right_arrow"></i>
|
||||
<div class="one column row">
|
||||
<div class="column">
|
||||
<div class="ui center aligned grid" id="img_clientes">
|
||||
<div class="row">
|
||||
@for ($i = 0; $i < min(12, count($clientes)); $i += 2)
|
||||
<div class="five wide tablet two wide computer column">
|
||||
{!!$clientes[$i]!!}
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
<div class="row">
|
||||
@for ($i = 1; $i < min(12, count($clientes)); $i += 2)
|
||||
<div class="five wide tablet two wide computer column">
|
||||
{!!$clientes[$i]!!}
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -38,34 +42,36 @@
|
||||
@endforeach
|
||||
]
|
||||
var current = 0
|
||||
var rows = 2
|
||||
var cols = 6
|
||||
function decreaseClientes() {
|
||||
$('#img_clientes').find('.row').find('.column:last-child').remove()
|
||||
current -= 2
|
||||
if (current < -8) {
|
||||
current = clientes.length - 10
|
||||
current -= rows
|
||||
if (current < - cols * rows) {
|
||||
current = clientes.length - (cols - 1) * rows
|
||||
}
|
||||
n = current
|
||||
if (n < 0) {
|
||||
n = clientes.length + n
|
||||
}
|
||||
$('#img_clientes').find('.row:first-child').prepend(
|
||||
$('<div></div>').attr('class', 'three wide column').append(clientes[n])
|
||||
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes[n])
|
||||
)
|
||||
$('#img_clientes').find('.row:last-child').prepend(
|
||||
$('<div></div>').attr('class', 'three wide column').append(clientes[n + 1])
|
||||
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes[n + 1])
|
||||
)
|
||||
}
|
||||
function increaseClientes() {
|
||||
$('#img_clientes').find('.row').find('.column:first-child').remove()
|
||||
current += 2
|
||||
if (current > clientes.length - 10) {
|
||||
current = -8
|
||||
if (current > clientes.length - cols * rows) {
|
||||
current = - (cols - 1) * rows
|
||||
}
|
||||
$('#img_clientes').find('.row:first-child').append(
|
||||
$('<div></div>').attr('class', 'three wide column').append(clientes[current + 8])
|
||||
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes[current + (cols - 1) * rows])
|
||||
)
|
||||
$('#img_clientes').find('.row:last-child').append(
|
||||
$('<div></div>').attr('class', 'three wide column').append(clientes[current + 9])
|
||||
$('<div></div>').attr('class', 'five wide tablet two wide computer column').append(clientes[current + cols * rows - 1])
|
||||
)
|
||||
}
|
||||
$(document).ready(function() {
|
||||
|
Reference in New Issue
Block a user