Responsive YouTube Video Gallery
Prosty skrypt umożliwiający osadzenie fimów z YouTube w formie przesuwanego okna. Spełnia warunki responsywnego skalowania.
A simple script to embed YouTube videos in a format sliding window. Meets the conditions responsive scaling.
Przykład/Example
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ó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>Poniżej skrypt do ściągnięcia. Skrypt można używać zarówno prywatnie jak i komercyjnie.
Jeśli umieścisz gdzieś link do mojej strony to będę wdzięczny ale nie jest on obowiązkowy.
The following script for download. The script can be used both privately and commercially.
If you put somewhere a link to my site I would appreciate but it is not mandatory.