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> ეხლა რაც შეეხება გადასვლების ეფექტს. თქვენ ხედავთ რომ ყველა სურათს აქვს მინიჭებული განსხვავებული კლასი. ეს კლასია ზუსტად პასუხისგებელი სურათის გადასვლის სტილზე. |
სულ კომენტარები: 1 | |