Skip to content

netteria/jq_yt_responsive_gallery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jq_yt_responsive_gallery

Responsive YouTube Video Gallery

Donate


If this script was useful, you can buy me coffee;) Donate via Paypal

Thanks!

Jak używać / How to use

Wymagana jest biblioteka jquery / Required library jquery

W pierwszym kroku dołączamy skrypt js oraz css. In the first step, we attach the script js and css.


<script src="jq.video.slider.js"></script>
<link rel="stylesheet" type="text/css" href="jq.video.slider.css" media="screen" />

W kodzie HTML przykładowo:
In the HTML code for example:


<div id="myVideoSlide">
  <div class="videoitem">
    <iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/w9xsfICaS8U" width="560"></iframe>
    <div class="desc_vs">Webdesign jeszcze z użyciem Flash</div>
  </div>
  <div class="videoitem">
    <iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/JjtRj5ybloY" width="560"></iframe>
    <div class="desc_vs">Automatyczne generowanie przelew&oacute;w bankowych</div>
  </div>
  <div class="videoitem">
    <iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/ArqHzIjfwr0" width="560"></iframe>
    <div class="desc_vs">Program do masowego wypełniania PIT-3(4) Podatek od czynności cywilnoprawnych</div>
  </div>
</div>

Inicjujemy w kodzie js
We initiate the js code


<script type="text/javascript">
    $(function () {
        $('#myVideoSlide').videoOslide();
     });
 </script>

More on and DEMO Responsive YouTube Video Gallery - Netteria.NET
Create by Netteria.NET 2016.