Hover-Grid (html)
Jimdo Element (html-Widget) mit Hover-Caption-Effekt. Die Inhalte für die Captions werden in Spaltenelementen auf der gleichen Seite angelegt und per jQuery .appendTo an der richtigen Stelle über den Galerie-Thumbnails positioniert.
Quelle: https://github.com/carlwoodhouse/jquery.hoverGrid
Inhalt für html-Widget (Galerie)
<!-- Content (html-Widget) -->
<div id="container">
<div class="line">
<div class="item" data-focus-x="50" data-focus-y="30">
<img src="https://unsplash.it/640/480?image=227" />
<div class="caption" style="display: none;">
</div>
</div>
<div class="item" data-focus-x="50" data-focus-y="30">
<img src="https://unsplash.it/640/480?image=243" />
<div class="caption" style="display: none;">
</div>
</div>
<div class="item" data-focus-x="50" data-focus-y="30">
<img src="https://unsplash.it/640/480?image=242" />
<div class="caption" style="display: none;">
</div>
</div>
</div>
<div class="line">
...
</div>
<div class="line">
...
</div>
</div>
Content für Captions
...aus Jimdo-Standard-Elementen
Installationsanleitung
Caption-Content
format upper element .caption_content
format upper element .caption_content
format upper element .caption_content
hovergrid Skripte