შესვლა

დასახელება: შესანიშნავი სლაიდერი
ძრავა: ყველა
დემო: CLICK

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

1. ატვირთეთ არქივში მოცემული ფაილები საიტზე

2.ეს კოდი ჩასვით იქ სადაც გინდათ რომ გამოჩნდეს სლაიდერი

Code
<!DOCTYPE html>
<html>
  <head>
  <title>slider | gelesson.net</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="css/styles.css" /> <link rel="stylesheet" href="css/iview.css" /> <link rel="stylesheet" href="css/skin1/style.css" />
  <script src="js/jquery-1.7.1.min.js"></script>
  <script type="text/javascript" src="js/raphael-min.js"></script>
  <script type="text/javascript" src="js/jquery.easing.js"></script>
  <script src="js/iview.js"></script>
  <script>
  $(document).ready(function(){
  $('#iview').iView({
  pauseTime: 7000,
  directionNav: false,
  controlNav: true,
  tooltipY: -15
  });
  });
  </script>
  </head>

  <body>
   
   
   

  <div class="container">
  <div id="iview">
  <div data-iview:image="photos/photo1.jpg" data-iview:transition="slice-top-fade,slice-right-fade">
  <div class="iview-caption caption1" data-x="80" data-y="200">iView<sup>™</sup></div>
  <div class="iview-caption" data-x="80" data-y="275" data-transition="wipeRight">ყველაზე გასაოცარი სლაიდერი</div>
  <div class="iview-caption" data-x="254" data-y="320" data-transition="wipeLeft"><i><b>gelesson.net</b></i></div>
  </div>

  <div data-iview:image="photos/photo2.jpg" data-iview:transition="zigzag-drop-top,zigzag-drop-bottom" data-iview:pausetime="3000">
  <div class="iview-caption caption5" data-x="60" data-y="280" data-transition="wipeDown">სათაური შეიძლება იყოს ნებისმიერ ადგილას</div>
  <div class="iview-caption caption6" data-x="300" data-y="350" data-transition="wipeUp"><a href="#"> URL ლინკი</a></div>
  </div>

  <div data-iview:image="photos/video.jpg" data-iview:type="video" data-iview:transition="strip-right-fade,strip-left-fade">
  <iframe src="http://player.vimeo.com/video/11475955?byline=1&portrait=0" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
  <div class="iview-caption caption2" data-x="450" data-y="340" data-transition="wipeRight">ვიდეო</div>
  <div class="iview-caption caption3" data-x="600" data-y="345" data-transition="wipeLeft">დახმარება</div>
  </div>

  <div data-iview:image="photos/photo3.jpg">
  <div class="iview-caption caption4" data-x="50" data-y="80" data-width="312" data-transition="fade">iView-ს შესაძლებლობები:</div>
  <div class="iview-caption blackcaption" data-x="50" data-y="135" data-transition="wipeLeft" data-easing="easeInOutElastic">სენსორული მოწყობილებების მხარდაჭერა</div>
  <div class="iview-caption blackcaption" data-x="50" data-y="172" data-transition="wipeLeft" data-easing="easeInOutElastic">სურათების მაშტაბურობა</div>
  <div class="iview-caption blackcaption" data-x="50" data-y="209" data-transition="wipeLeft" data-easing="easeInOutElastic">გადასვლის მომხმარებლის ეფექტები</div>
  <div class="iview-caption blackcaption" data-x="50" data-y="246" data-transition="wipeLeft" data-easing="easeInOutElastic">სათაურის თავისუფალი სტილიზაცია</div>
  <div class="iview-caption blackcaption" data-x="50" data-y="283" data-transition="wipeLeft" data-easing="easeInOutElastic">კროსბრაუზერობა</div>
  </div>

  <div data-iview:image="photos/photo4.jpg">
  <div class="iview-caption caption7" data-x="0" data-y="0" data-width="180" data-height="480" data-transition="wipeRight"><h3>ადაფტური სათაური</h3>ეს ის პროდუქტია, რომელსაც <b><i>ყველა ელოდებოდა</b></i>!<br><br>სლაიდერის უბრალო გაფორმება. ყოველ სლაიდს შეიძლება სატაური დაურთიო.<br><br>და ეს ყველაფერი მუშაობს ნებისმიერ ბრაუზერზე</div>
  </div>

  <div data-iview:image="photos/photo5.jpg">
  <div class="iview-caption caption5" data-x="60" data-y="150" data-transition="wipeLeft">რას ელოდები?</div>
  <div class="iview-caption caption6" data-x="160" data-y="230" data-transition="wipeRight">შემდეგი!</div>
  </div>
  </div>
  </div>

   
</div>

  </body>
</html>



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



928
ავტორი: lazara კატეგორია: სკრიფტები
სულ კომენტარები: 0