mhmk
ارسال هاAnswers : | 558 |
عضویتRegistration date : | 24 /8 /1391 |
حمایت کردهThanks : | 49 |
حمایت شدهThanked : | 165 |
|
اسلایدر فوق العاده
این اسلایدر به نظر من خیلی قشنگ و حرفه ایه ... جوری که بهش میخوره فلش باشه... تمام عکس های داخلش جدا هستن و میتونید تغییرشون بدید ... اگه خوشتون اومد تشکر یادتون نره این هم دمو کد:
<link rel='stylesheet' id='layerslider_css-css' href='http://www.coreldesign.com/wp-content/themes/coreldesign/core/plugins/layerslider/css/layerslider.css?ver=4.1.1' type='text/css' media='all' /><link rel='stylesheet' id='theme-style-css' href='http://www.coreldesign.com/wp-content/themes/coreldesign/styles/general.css?ver=3.6-alpha' type='text/css' media='all' /><script type='text/javascript' src='http://www.coreldesign.com/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script><script type='text/javascript' src='http://www.coreldesign.com/wp-content/plugins/fancybox-for-wordpress/fancybox/jquery.fancybox.js?ver=1.3.4'></script><script type='text/javascript' src='http://www.coreldesign.com/wp-content/themes/coreldesign/core/plugins/layerslider/js/layerslider.kreaturamedia.jquery.js?ver=4.1.1'></script><script type='text/javascript' src='http://www.coreldesign.com/wp-content/themes/coreldesign/core/plugins/layerslider/js/jquery-easing-1.3.js?ver=1.3.0'></script><script type='text/javascript' src='http://www.coreldesign.com/wp-content/themes/coreldesign/core/plugins/layerslider/js/jquerytransit.js?ver=0.9.9'></script><script type='text/javascript' src='http://www.coreldesign.com/wp-content/themes/coreldesign/core/plugins/layerslider/js/layerslider.transitions.js?ver=4.1.1'></script> </head> <div id="page" class=""> <script type="text/javascript">var lsjQuery = jQuery;</script><script type="text/javascript">lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == "undefined") { lsShowNotice('layerslider_1','jquery'); } else if(typeof lsjQuery.transit == "undefined" || typeof lsjQuery.transit.modifiedForLayerSlider == "undefined") { lsShowNotice('layerslider_1', 'transit'); } else { lsjQuery("#layerslider_1").layerSlider({ width : '1920px', height : '500px', responsive : true, responsiveUnder : 0, sublayerContainer : 0, autoStart : true, pauseOnHover : true, firstLayer : 1, animateFirstLayer : true, randomSlideshow : false, twoWaySlideshow : true, loops : 0, forceLoopNum : true, autoPlayVideos : true, autoPauseSlideshow : 'auto', youtubePreview : 'maxresdefault.jpg', keybNav : true, touchNav : true, skin : 'lucidpress-skin', skinsPath : 'http://www.coreldesign.com/wp-content/themes/coreldesign/core/plugins/layerslider/skins/',globalBGColor : 'transparent',navPrevNext : true, navStartStop : true, navButtons : true, hoverPrevNext : true, hoverBottomNav : false, thumbnailNavigation : 'hover', tnWidth : 100, tnHeight : 60, tnContainerWidth : '60%', tnActiveOpacity : 35, tnInactiveOpacity : 100, imgPreload : true, yourLogo : false, yourLogoStyle : 'left: 10px; top: 10px;', yourLogoLink : false, yourLogoTarget : '_self', cbInit : function(element) { }, cbStart : function(data) { }, cbStop : function(data) { }, cbPause : function(data) { }, cbAnimStart : function(data) { }, cbAnimStop : function(data) { }, cbPrev : function(data) { }, cbNext : function(data) { } }); } }); </script><div class="ls-wp-fullwidth-container"><div class="ls-wp-fullwidth-helper"><div id="layerslider_1" class="ls-wp-container" style="width: 1920px; height: 500px; margin: 0px auto; "><div class="ls-layer" style="slidedirection: top; slidedelay: 5000; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; easingout: easeInOutQuint; delayin: 0; delayout: 0; timeshift: 0; transition2d: 14; "><img src="http://www.coreldesign.com/wp-content/uploads/2013/04/slide_01_bg1.jpg" class="ls-bg"><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/pic_05_slide_03.png" style="position: absolute; top: 209px; left: 1153px; slidedirection : bottom; slideoutdirection : top; durationin : 2800; durationout : 2800; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/pic_04_slide_03.png" style="position: absolute; top: 209px; left: 1061px; slidedirection : bottom; slideoutdirection : top; durationin : 2000; durationout : 2000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/pic_03_slide_03.png" style="position: absolute; top: 102px; left: 880px; slidedirection : bottom; slideoutdirection : top; durationin : 2500; durationout : 1500; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/pic_02_slide_03.png" style="position: absolute; top: 34px; left: 1176px; slidedirection : bottom; durationin : 3000; durationout : 3000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/text1.jpg" style="position: absolute; top: 322px; left: 476px; slidedirection : left; slideoutdirection : left; durationin : 1500; durationout : 1500; easingin : linear; easingout : linear; delayin : 0; delayout : 0; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/logo1.png" style="position: absolute; top: 186px; left: 739px; slidedirection : top; slideoutdirection : top; durationin : 1500; durationout : 1500; easingin : easeOutBounce; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/poster.png" style="position: absolute; top: 186px; left: 609px; slidedirection : top; slideoutdirection : top; durationin : 2000; durationout : 1500; easingin : easeOutBounce; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/graphic.png" style="position: absolute; top: 187px; left: 478px; slidedirection : top; slideoutdirection : top; durationin : 3000; durationout : 3000; easingin : easeOutBounce; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "></div><div class="ls-layer" style="slidedirection: right; slidedelay: 4000; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; easingout: easeInOutQuint; delayin: 0; delayout: 0; timeshift: 0; transition2d: 11; "><img src="http://www.coreldesign.com/wp-content/uploads/2013/04/workshop_1.jpg" class="ls-bg"><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/desk.jpg" style="position: absolute; top: 415px; left: -2px; slidedirection : bottom; slideoutdirection : bottom; durationin : 1500; durationout : 1500; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "><a href="http://www.amirhafezi.com/" target="_self" class="ls-s-1" style="position: absolute; top: 25px; left:589px; display: block; slidedirection : bottom; slideoutdirection : bottom; durationin : 1500; durationout : 1500; easingin : easeInOutBack; easingout : easeInOutBack; delayin : 0; delayout : 0; showuntil : 0"><img src="http://www.coreldesign.com/wp-content/uploads/2013/04/amirhafezi.png" style=""></a><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/pencil.png" style="position: absolute; top: 318px; left: 1323px; slidedirection : top; slideoutdirection : right; durationin : 2500; durationout : 1500; easingin : easeOutBounce; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/firefox.png" style="position: absolute; top: 349px; left: 1450px; slidedirection : right; slideoutdirection : right; durationin : 2500; durationout : 1500; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/satl.png" style="position: absolute; top: 269px; left: 1352px; slidedirection : right; slideoutdirection : right; durationin : 2000; durationout : 1500; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/ai.png" style="position: absolute; top: 372px; left: 381px; slidedirection : left; slideoutdirection : left; durationin : 2200; durationout : 1500; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1600; delayout : 1000; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/cdr.png" style="position: absolute; top: 350px; left: 427px; slidedirection : left; slideoutdirection : left; durationin : 2000; durationout : 1500; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1400; delayout : 1400; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/psd.png" style="position: absolute; top: 355px; left: 467px; slidedirection : left; slideoutdirection : left; durationin : 1500; durationout : 1500; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1200; delayout : 1200; showuntil : 0; "><img class="ls-s-1" src="http://www.coreldesign.com/wp-content/uploads/2013/04/cd.png" style="position: absolute; top: 357px; left: 526px; slidedirection : left; slideoutdirection : left; durationin : 2000; durationout : 1500; easingin : easeOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 1000; showuntil : 0; "><a href="http://www.amirhafezi.com/" target="_self" class="ls-s-1" style="position: absolute; top: 106px; left:465px; display: block; slidedirection : top; durationin : 3000; durationout : 1500; easingin : easeOutBounce; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0"><img src="http://www.coreldesign.com/wp-content/uploads/2013/04/name_amir.png" style=""></a></div></div></div></div> </body></html>
|