სლაიდერი
ძალიან ლამაზი სლაიდერი სხვადასხვა თემატიკის საიტებისთვის, არიქვში შესულია დაყენების ქართულული ინსტრუქციაც

დაყენების ინსტრუქცია:

 "Scroll" დაყენება
1. ვაკოპირებთ შემდეგი პაპკების შემცველობას images, js და style თქვენი შაბლონის შესაბამის პაპკებში.




2. ფაილში 'main.tpl' ამთ თეგის შემდეგ <head> ვსვავთ ამას:

<link rel="stylesheet" type="text/css" href="{THEME}/style/scroll.css" />
<script type="text/javascript" src="{THEME}/js/jquery.tools.min.js"></script>




3. იქ სადაც ვაპირებთ გამოვიყვანოპთ სლაიდერი ვსვავთ ამკოდს:


<a class="prevPage browse left"></a>
<div class="scrollable">
<div class="items">
<a href=" "><img src="http://www.wpcgames.ru/uploads/posts/2010-02/thumbs/1265972919_bioshock-2.jpg" alt="" /></a>
<a href=" "><img src="http://www.wpcgames.ru/uploads/posts/2010-02/thumbs/1265972219_mass-effect-2.jpg" alt="" /></a>
<a href=" "><img src="http://www.wpcgames.ru/uploads/posts/2010-02/thumbs/1266003965_dark-void.jpg" alt="" /></a>
<a href=" "><img src="http://www.wpcgames.ru/uploads/posts/2010-02/thumbs/1266661161_avatar_the_game.jpg" alt="" /></a>
<a href=" "><img src="http://www.wpcgames.ru/uploads/posts/2010-02/thumbs/1265972449_left_4_dead_2.jpg" alt="" /></a>
<a href=" "><img src="http://www.wpcgames.ru/uploads/posts/2010-02/thumbs/1265972572_vancouver.jpg" alt="" /></a>
</div>
</div>
<a class="nextPage browse right"></a>

<script type="text/javascript">
$(document).ready(function() {
window.api = $("div.scrollable").scrollable().circular().autoscroll({
autoplay: true,
api: true,
steps: 5,
  interval: 5000
});
});
</script>




4. ამით ამ სლაიდერის დაყენება სრულდება.



სლაიდერის მოსაწყობად :

autoplay - ავტომატური მჲშობა. True - ჩართულია, False - გამორთულია
steps - ნაბიჯი რომლის მიხედვითაც იმუშავებს სლიდერი;
interval - ინტერვალი მეგაპიქსელებშიi.

სლაიდერის ზომა - 934 px.



გადმოწერა - სლაიდერი

იმისათვის რომ დაამატოთ კომენტარი საჭიროა რეგისტრაცია ან ავტორიზაცია
რეგისტრაცია  ავტორიზაცია

ნანახია: 1052 | მთავარი გვერდი