Fix: Bildergallerie

Bildergallerie läuft jetzt auf Blueimp-gallery.
Viel spaß
This commit is contained in:
Thomas Blazek
2015-01-15 15:36:20 +01:00
parent 9873c4f1c1
commit 3dff2d2bbe
9 changed files with 90 additions and 102 deletions

View File

@@ -40,15 +40,40 @@
<div style="clear:both"></div>
<div id="blueimp-gallery" class="blueimp-gallery">
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
<!-- The container for the modal slides -->
<div class="slides"></div>
<!-- Controls for the borderless lightbox -->
<h3 class="title"></h3>
<a class="prev"></a>
<a class="next"></a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
</div>
<!-- The modal dialog, which will be used to wrap the lightbox content -->
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" aria-hidden="true">&times;</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body next"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left prev">
<i class="glyphicon glyphicon-chevron-left"></i>
Previous
</button>
<button type="button" class="btn btn-primary next">
Next
<i class="glyphicon glyphicon-chevron-right"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<div id="links">
<% @fotos.each_index do |i| %>
<% f= @fotos[i] %>
@@ -61,13 +86,4 @@
<%= render 'layouts/pretty_toolbar' %>
<script>
document.getElementById('links').onclick = function (event) {
event = event || window.event;
var target = event.target || event.srcElement,
link = target.src ? target.parentNode : target,
options = {index: link, event: event},
links = this.getElementsByTagName('a');
blueimp.Gallery(links, options);
};
</script>

View File

@@ -4,7 +4,6 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="logo2014_64.png">
<link rel="stylesheet" href="/home/tblazek/prog/fetsite/css/blueimp-gallery.min.css">
<!--<link rel="shortcut icon" href="http://www.fet.at/favicon.ico">-->
<!---->