| 4 |
lars |
1 |
<script>
|
|
|
2 |
$(document).ready(function(){
|
|
|
3 |
// classname, windowWidth, slides, autoplay, infiniteLoop, forceWidth, pager
|
|
|
4 |
var w = $(".mobile_thumbs").width();
|
|
|
5 |
var slider = initSlider( "mobileSliderArtikelBilder", w, 0, false, true, false, true );
|
|
|
6 |
|
|
|
7 |
//pass the images to Fancybox
|
|
|
8 |
$('.img_zoom').fancybox({
|
|
|
9 |
afterClose : function() {
|
|
|
10 |
slider = initSlider( "mobileSliderArtikelBilder", w, 0, false, true, false, true );
|
|
|
11 |
}
|
|
|
12 |
});
|
|
|
13 |
|
|
|
14 |
});
|
|
|
15 |
</script>
|
|
|
16 |
|
|
|
17 |
<div class="mobile_thumbs" style="width:100%;">
|
|
|
18 |
<ul class="mobileSliderArtikelBilder" id="gallery">
|
|
|
19 |
{foreach $item.medien as $key => $bild}
|
|
|
20 |
{if $item.medien[$key]->medium.typ=="Bild"}
|
|
|
21 |
<li>
|
|
|
22 |
<picture>
|
|
|
23 |
<source media="(max-width:600px)" srcset="{$item.medien[$key]->medium.bild_url_gr}" />
|
|
|
24 |
<img src="{$item.medien[$key]->medium.bild_url}" class="img_zoom" {if $item.medien[$key]->medium["beschreibung"] != ""}alt="{$item.medien[$key]->medium["beschreibung"]}" title="{$item.medien[$key]->medium["beschreibung"]}"{else}alt="{$item.kurzbezeichnung}" title="{$item.kurzbezeichnung}"{/if} />
|
|
|
25 |
</picture>
|
|
|
26 |
</li>
|
|
|
27 |
{/if}
|
|
|
28 |
{/foreach}
|
|
|
29 |
</ul>
|
|
|
30 |
</div>
|
|
|
31 |
|
|
|
32 |
<script>
|
|
|
33 |
zoomType='';
|
|
|
34 |
//zoomType, scrollZoom, clickZoom, img_zoom
|
|
|
35 |
|
|
|
36 |
initElevateZoom(zoomType,true,true);
|
|
|
37 |
$( window ).resize(function(){
|
|
|
38 |
$('.zoomContainer').each(function(){
|
|
|
39 |
$(this).remove();
|
|
|
40 |
});
|
|
|
41 |
initElevateZoom(zoomType,true);
|
|
|
42 |
});
|
|
|
43 |
</script>
|
|
|
44 |
|
|
|
45 |
<style>
|
|
|
46 |
.bx-has-pager {
|
|
|
47 |
position: relative;
|
|
|
48 |
display: contents;
|
|
|
49 |
}
|
|
|
50 |
.bx-has-pager .bx-pager {
|
|
|
51 |
display:block;
|
|
|
52 |
}
|
|
|
53 |
.box_2 .neu_icon {
|
|
|
54 |
margin-left:0px;
|
|
|
55 |
display: block;
|
|
|
56 |
position: absolute;
|
|
|
57 |
z-index: 2;
|
|
|
58 |
margin: 3px;
|
|
|
59 |
}
|
|
|
60 |
.bx-wrapper .bx-pager.bx-default-pager a {
|
|
|
61 |
width:5px;
|
|
|
62 |
height:5px;
|
|
|
63 |
}
|
|
|
64 |
</style>
|