HTML gallery generator 2.0.39 beta
W sekcji 'body' na swojej stronie wklej
Super! Ale to nie wszystko. Pozostało jeszcze kilka drobnych kroków do sukcesu. A więc do dzieła.
Skopiuj poniższy kod javascript i wklej do swojego edytora html lub bezpośrednio do strony
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css' />
Skrypt galerii
<script type="text/javascript">
$(document).ready(function(){
$(".photo a").fancybox({
protect: true,
loop: true,
smallBtn: false,
buttons: [
"close"
],
idleTime: 3,
image: {
preload: true,
},
btnTpl: {
arrowLeft:
'<button data-fancybox-prev class="fancybox-button fancybox-button--arrow_left" title="Poprzednie zdjęcie">' + "<img src='../img/player/prev.png'" + "</button>",
arrowRight:
'<button data-fancybox-next class="fancybox-button fancybox-button--arrow_right" title="Następne zdjęcie">' + "<img src='../img/player/next.png' />" + "</button>",
close:
'<button data-fancybox-close class="fancybox-button fancybox-button--close" title="Zamknij podgląd">' +
'<img src="../img/close.png" />' + "</button>",
}
})
</script>
Skopiuj i wklej poniższe obrazki do katalogu o nazwie '/img/player'
Może to być inny katalog, ale pamiętaj aby w dołączonym skrypcie galerii w sekcji 'btnTpl' wyedytować ścieżki do obrazów.
Wrzuć zdjęcia oraz kod galerii na serwer.
Gotowe!
Powrót do strony głównej smyku.pl
© Smyku.pl 2019