samo-opusteno Web Razvoj
Pages: 1
[SMF] SP - Youtube carousel (Youtube video skroler) By: NiKooLaa Date: Maj 02, 2013, 14:48:05
[SMF] SP - Youtube carousel (Youtube video skroler)

Custom HTML block u SP-u:
Kod: [Izaberi]
<center><div id="wrap">
  <ul id="mycarousel" class="jcarousel-skin-tango" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; height: 200px; width: 1545px;">
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/wgRCJPs2ZKA?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/G_CzJLv0qn4?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/0M15lXnlW7M?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/cWbmzf9MgvU?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/5cNssWYa2yo?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/grslhPGS3Bc?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/mOsluvDMNkI?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/F67JsCVrAks?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/ZS78gch4wUA?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/ZgpOlQUg-Ko?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
<li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/JztnwlXH2Fs?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
<li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/n7hk7-XMXGU?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
<li><iframe width="200" height="150" src="[youtube]http://www.youtube.com/embed/FjC067taJAA?r[/youtube]el=0" frameborder="0" allowfullscreen></iframe></li>
  </ul>
</div></center>

Nakon toga, u Index.template.php fajlu vaše teme, negde nakon title taga dodajte sledeći kod:
Kod: [Izaberi]
<script type="text/javascript" src="http://forumurl.com/scripts/lib/jquery-1.9.1.min.js"></script>
<!--
  jCarousel library
-->
<script type="text/javascript" src="http://forumurl.com/scripts/lib/jquery.jcarousel.min.js"></script>
<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="http://forumurl.com/scripts/skins/tango/skin.css" />

<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery(\'#mycarousel\').jcarousel();
});

</script>
forumurl - promenite sa vašim url-om ili pathom.

Dalje - priloženi zip fajl raspakujte i uploadujte u root vašeg hosta.

Finalni Izgled: