ijquery

اسلاید دایره ای

screenshot

اسلایدشو دایره ای برای ایجاد طرحی نوین در سایتتون

آموزش استفاده

  1. قبل از کد </head> کد زیر را قرار دهید : 
    		<link rel="stylesheet" type="text/css" href="css/default.css" />
    		<link rel="stylesheet" type="text/css" href="css/component.css" />
    		<script src="js/modernizr.custom.js"></script>

     

  2. بعد از <body> کد زیر را قرار دهید :
    		<div class="container">	
    			<header class="clearfix">
    				<h1>Flipping Circle Slideshow <span>Click and navigate</span></h1>	
    			</header>
    			<div class="main">
    				<div id="fc-slideshow" class="fc-slideshow">
    					<ul class="fc-slides">
    						<li><img src="images/1.jpg" /><h3>Hot</h3></li>
    						<li><img src="images/2.jpg" /><h3>Cold</h3></li>
    						<li><img src="images/3.jpg" /><h3>Light</h3></li>
    						<li><img src="images/4.jpg" /><h3>Dark</h3></li>
    						<li><img src="images/5.jpg" /><h3>Soft</h3></li>
    						<li><img src="images/6.jpg" /><h3>Hard</h3></li>
    						<li><img src="images/7.jpg" /><h3>Smooth</h3></li>
    						<li><img src="images/8.jpg" /><h3>Rough</h3></li>
    					</ul>
    				</div>
    			</div>
    		</div><!-- /container -->
    		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    		<script src="js/jquery.flipshow.js"></script>
    		<script>
    			$( function() {
    
    				$( '#fc-slideshow' ).flipshow();
    
    			} );
    		</script>

     


پیش نمایش دانلود فایل پلاگین

7 دیدگاه دربارهٔ «اسلاید دایره ای»

  1. درود جهت سمت راست این اسلایدر بعد از یک کلیک غیرفعال میشه لطفا بررسی کنید و اگه میشه بگید چطوری میشه این اسلایدر رو اتوماتیک کرد

  2. والا من یکبار که سمت راست میزنم میره اما بعد فلشش نمیاد و سمت راست نمیره چه تو دمو شما چه به صورت آفلاین 😐

  3. ببخشید من یه قالب لینکی میخام با جکوئری
    میخام سایتمو بخش بخش کنم
    چیزی سراغ دارید چیز شیکی میخام راستی رایگان
    البته لطفا
    ممنون میشم

  4. سلام خدمت شما

    من میخواستم دوتا از این اسلایدر کنار هم بزارم یعنی از سمت راست به چپ این دوتا کنار هم قرار بگیرن باید چکار کنم
    کد رو دوبار تکرار زدم زیر هم قرار میگیرن لطف میکنید کمکم کنید خواهش میکنم

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *