5:08 PM Slider Rotator | |
წარმოგიდგენთ კიდევ ერთ შესანიშნავ სლაიდერს ლამაზი გადასვლების ეფექტით. მთავარი განსხვავებულება ამ სლაიდერის ის გახლავთ რომ თქვენ შეგიძლიათ დააყენოთ თქვენთვის სასურველი გადასვლები რომელიც მასალის სრულიადში არის მოცემული.
ჩამოტვირთეთ მიმაგრებული არქვივი. შექმენით თქვენი საიტის ფაილ მენეჯერში საქაღალდე (029) და მასში ატვირთეთ არქვივში მოცემული ყველა ფაილი. ეს კოდი კი ჩასვით საიტის ზედა ნაწილში ან head და /head შორის იმ გვერდებზე სადაც გსურთ რომ იმუშავოს. <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> ეს კოდი კი ჩასვით იქ სადაც თქვენი სურვილი იქნება და მიუთითეთ სურათის ბმულები. <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> ეხლა რაც შეეხება გადასვლების ეფექტს. თქვენ ხედავთ რომ ყველა სურათს აქვს მინიჭებული განსხვავებული კლასი. ეს კლასია ზუსტად პასუხისგებელი სურათის გადასვლის სტილზე. | |
|
სულ კომენტარები: 0 | |