Omid Jackson
شنبه 11 آبان 1392, 09:38 صبح
این آدرس کتابخونه جی کوئری:
http://www.owltemplates.com/demo/website/hosto/js/camera.js
این هم CSS:
http://www.owltemplates.com/demo/website/hosto/css/camera.css
این هم کدهای HTML که گذاشته بودن:
<!--==============================slider============== ==================--> <div class="container"> <div class="row"> <div class="span12"> <!-- Slider --> <div class="slider"> <div class="camera_wrap"> <div data-src="img/blank.png"> <div class="camera_caption fadeIn"> <div class="banner slider-banner-2"> <img src="img/slide1.png (http://barnamenevis.org/view-source:http://www.owltemplates.com/demo/website/hosto/img/slide1.png)" alt=""> <div class="information"> <strong class="row-1">Extreme Plan</strong> <strong class="row-2">Powerful cPanel shared hosting plan.</strong> <ul> <li><i class="icon-check"></i> <strong>96 MB</strong> Memory</li> <li><i class="icon-check"></i> <strong>20</strong> Addon Domains</li> <li><i class="icon-check"></i> <strong>10 GB</strong> Storage</li> <li><i class="icon-check"></i> <strong>400 GB</strong> Monthly Traffic</li> </ul> <div class="box clearfix"> <div class="label"> yearly<br> from </div> <div class="price"> $69 </div> <a class="button-1 fright btn btn-success" href="# (http://barnamenevis.org/view-source:http://www.owltemplates.com/demo/website/hosto/index.html#)"><span>View all available plans</span></a> </div> </div> </div> </div> </div> <div data-src="img/blank.png"> <div class="camera_caption fadeIn"> <div class="banner slider-banner-1"> <img src="img/slide3.png (http://barnamenevis.org/view-source:http://www.owltemplates.com/demo/website/hosto/img/slide3.png)" alt=""><strong class="row-1">We offer superb</strong> <strong class="row-2">reliability premium hosting with personal touch.</strong> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. <a href="# (http://barnamenevis.org/view-source:http://www.owltemplates.com/demo/website/hosto/index.html#)" class="button-1"><span>Learn more</span></a> </p> </div> </div> </div> <div data-src="img/blank.png"> <div class="camera_caption fadeIn"> <div class="banner slider-banner-2"> <img src="img/slide2.png (http://barnamenevis.org/view-source:http://www.owltemplates.com/demo/website/hosto/img/slide2.png)" alt=""> <div class="information"> <strong class="row-1">Extreme Plan</strong> <strong class="row-2">Powerful cPanel shared hosting plan.</strong> <ul> <li><i class="icon-check"></i> <strong>96 MB</strong> Memory</li> <li><i class="icon-check"></i> <strong>20</strong> Addon Domains</li> <li><i class="icon-check"></i> <strong>10 GB</strong> Storage</li> <li><i class="icon-check"></i> <strong>400 GB</strong> Monthly Traffic</li> </ul> <div class="box clearfix"> <div class="label"> yearly<br> from </div> <div class="price"> $69 </div> <a class="button-1 fright btn btn-success" href="# (http://barnamenevis.org/view-source:http://www.owltemplates.com/demo/website/hosto/index.html#)"><span>View all available plans</span></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
این هم اسکریپتش:
<!-- Camera Slider --> <script> $(document).ready(function(){ jQuery('.camera_wrap').camera(); }); </script> <!-- Carousel -->
همین، دیگه هرکار دوست دارین باهاش بکنین
من اصلا میگم اونا رو بیخیال گیجتون میکنه چون دردسر داشت تا کدهاش رو بدون کامنت بکشم بیرون، کل کد ها رو میذارم اینجا شما برین راحت توش ببینین که اذیت نشین