| 1 |
jQuery(document).ready(function($){ |
| 2 |
/* example html code */ |
| 3 |
/* |
| 4 |
<div class="wdk_js_gallery_slider"> |
| 5 |
<div class="links wdk-hidden"> |
| 6 |
<a href="#" title=""> |
| 7 |
<img src="#" alt="" /> |
| 8 |
</a> |
| 9 |
<a href="#" title=""> |
| 10 |
<img src="#" alt="" /> |
| 11 |
</a> |
| 12 |
<a href="#" title=""> |
| 13 |
<img src="#" alt="" /> |
| 14 |
</a> |
| 15 |
</div> |
| 16 |
<div |
| 17 |
id="blueimp-image-carousel" |
| 18 |
class="blueimp-gallery blueimp-gallery-carousel" |
| 19 |
aria-label="image carousel" |
| 20 |
> |
| 21 |
<div class="slides" aria-live="off"> |
| 22 |
</div> |
| 23 |
<a |
| 24 |
class="prev" |
| 25 |
aria-controls="blueimp-image-carousel" |
| 26 |
aria-label="previous slide" |
| 27 |
></a> |
| 28 |
<a |
| 29 |
class="next" |
| 30 |
aria-controls="blueimp-image-carousel" |
| 31 |
aria-label="next slide" |
| 32 |
></a> |
| 33 |
<a |
| 34 |
class="play-pause" |
| 35 |
aria-controls="blueimp-image-carousel" |
| 36 |
aria-label="play slideshow" |
| 37 |
aria-pressed="true" |
| 38 |
role="button" |
| 39 |
></a> |
| 40 |
</div> |
| 41 |
</div> |
| 42 |
*/ |
| 43 |
/* images gellary for listing preview images */ |
| 44 |
$('.wdk_js_gallery_slider').each(function(){ |
| 45 |
var gallery = $(this) |
| 46 |
|
| 47 |
var myLinks = new Array(); |
| 48 |
var current = $(this).attr('href'); |
| 49 |
|
| 50 |
var curIndex = 0; |
| 51 |
gallery.find('.links img,.links video').each(function (i) { |
| 52 |
var img_href = ''; |
| 53 |
if($(this).attr('data-fullsrc')){ |
| 54 |
img_href = $(this).attr('data-fullsrc'); |
| 55 |
} else { |
| 56 |
img_href = $(this).attr('src'); |
| 57 |
} |
| 58 |
myLinks[i] = new Array(); |
| 59 |
|
| 60 |
/* Example Title myLinks[i]['title'] = 'test';*/ |
| 61 |
myLinks[i]['href'] = img_href; |
| 62 |
myLinks[i]['thumbnail'] = img_href; |
| 63 |
|
| 64 |
if(img_href.indexOf('.mp4') !=-1 || img_href.indexOf('.flv') !=-1 || img_href.indexOf('.mkv') !=-1 || img_href.indexOf('.avi') !=-1 |
| 65 |
|| img_href.indexOf('.webm') !=-1 || img_href.indexOf('.mov') !=-1) { |
| 66 |
myLinks[i]['type'] = 'video/mp4'; |
| 67 |
} |
| 68 |
|
| 69 |
}); |
| 70 |
|
| 71 |
var options = { |
| 72 |
container: gallery.find('.blueimp-gallery-carousel'), |
| 73 |
carousel: true |
| 74 |
} |
| 75 |
|
| 76 |
blueimp.Gallery(myLinks, options); |
| 77 |
}); |
| 78 |
|
| 79 |
}); |
