Zona de administracion para agregar eventos y subir imagenes
This commit is contained in:
@ -5,8 +5,12 @@
|
||||
<div class="ui container">
|
||||
<div class="ui two columns stackable grid">
|
||||
<div class="column">
|
||||
<div class="ui image">
|
||||
<img src="{{$imagenes[0]}}" id="seleccionada" />
|
||||
<div class="ui image" id="seleccionada">
|
||||
@if ($imagenes !== false)
|
||||
{!!array_values($imagenes)[0]->media->html!!}
|
||||
@else
|
||||
Imagen no encontrada.
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
@ -25,13 +29,19 @@
|
||||
{{$evento->descripcion}}
|
||||
</p>
|
||||
<div class="ui four column grid">
|
||||
@foreach ($imagenes as $imagen)
|
||||
<div class="column">
|
||||
<div class="ui image" class="imagen">
|
||||
<img src="{{$imagen}}" class="imagen" />
|
||||
@if ($imagenes !== false)
|
||||
@foreach (array_values($imagenes) as $i => $imagen)
|
||||
<div class="column">
|
||||
<div class="ui image imagen" data-id="{{$i}}">
|
||||
{!!$imagen->thumb->html!!}
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@else
|
||||
<div class="column">
|
||||
No hay imagenes.
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -45,10 +55,16 @@
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
var media = [
|
||||
@foreach ($imagenes as $media)
|
||||
'{!!$media->media->html!!}',
|
||||
@endforeach
|
||||
]
|
||||
$(document).ready(function() {
|
||||
$('.imagen').css('cursor', 'pointer').click(function() {
|
||||
var src = $(this).attr('src')
|
||||
$('#seleccionada').attr('src', src)
|
||||
var id = $(this).attr('data-id')
|
||||
var src = media[id]
|
||||
$('#seleccionada').html(src)
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user