შესვლა
Slider Rotator
2025-07-13

მასალის მაგალითი
ჩამოტვირთეთ მიმაგრებული არქვივი. შექმენით თქვენი საიტის ფაილ მენეჯერში საქაღალდე (029) და მასში ატვირთეთ არქვივში მოცემული ყველა ფაილი.
ეს კოდი კი ჩასვით საიტის ზედა ნაწილში ან head და /head შორის იმ გვერდებზე სადაც გსურთ რომ იმუშავოს.
Code
<link type="text/css" media="all" rel="stylesheet" href="/029/styles.css">
<link type="text/css" media="all" rel="stylesheet" href="/029/skitter.css">
<script type="text/javascript" src="/029/jil029.js"></script>
<script type="text/javascript">$(document).ready(function(){$('.box_skitter_large').skitter();
$('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});});</script>

ეს კოდი კი ჩასვით იქ სადაც თქვენი სურვილი იქნება და მიუთითეთ სურათის ბმულები.
Code
<div id="jilcont"><div class="border_box"><div class="box_skitter box_skitter_large"><ul>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="cube"></a><div class="label_text"><p>cube</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="cubeRandom"></a><div class="label_text"><p>cubeRandom</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="block"></a><div class="label_text"><p>block</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="cubeStop"></a><div class="label_text"><p>cubeStop</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="cubeHide"></a><div class="label_text"><p>cubeHide</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="cubeSize"></a><div class="label_text"><p>cubeSize</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="horizontal"></a><div class="label_text"><p>horizontal</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="showBars"></a><div class="label_text"><p>showBars</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="showBarsRandom"></a><div class="label_text"><p>showBarsRandom</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="tube"></a><div class="label_text"><p>tube</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="fade"></a><div class="label_text"><p>fade</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="fadeFour"></a><div class="label_text"><p>fadeFour</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="paralell"></a><div class="label_text"><p>paralell</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="blind"></a><div class="label_text"><p>blind</p></div></li>
<li><a href="სასურველი ბმული"><img src="სურათის ბმული" class="blindHeight"></a><div class="label_text"><p>blindHeight</p></div></li>
</ul></div></div></div>

ეხლა რაც შეეხება გადასვლების ეფექტს.
თქვენ ხედავთ რომ ყველა სურათს აქვს მინიჭებული განსხვავებული კლასი. ეს კლასია ზუსტად პასუხისგებელი სურათის გადასვლის სტილზე.



ფაილის გადმოწერა შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს



1000
ავტორი: BARABANTEMO კატეგორია: სკრიფტები
სულ კომენტარები: 1