اسلایدشویی مناسب برای سایت های فروشگاهی و ارائه مناسب مصولات
آموزش استفاده
- قبل از تگ </head> کد زیر را قرار دهید :
<link rel="stylesheet" type="text/css" href="css/style.css" /> <script src="js/modernizr.custom.63321.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/jquery.catslider.js"></script> <script> $(function() { $( '#mi-slider' ).catslider(); }); </script>
- بعد از تگ <body> کد زیر را قرار دهید :
<div class="container"> <div class="main"> <div id="mi-slider" class="mi-slider"> <ul> <li><a href="#"><img src="images/1.jpg" alt="img01"><h4>چکمه</h4></a></li> <li><a href="#"><img src="images/2.jpg" alt="img02"><h4>اکسفردز</h4></a></li> <li><a href="#"><img src="images/3.jpg" alt="img03"><h4>کفش راحتی</h4></a></li> <li><a href="#"><img src="images/4.jpg" alt="img04"><h4>کفشهای کتانی</h4></a></li> </ul> <ul> <li><a href="#"><img src="images/5.jpg" alt="img05"><h4>کمربند</h4></a></li> <li><a href="#"><img src="images/6.jpg" alt="img06"><h4>کلاه</h4></a></li> <li><a href="#"><img src="images/7.jpg" alt="img07"><h4>عینک آفتابی</h4></a></li> <li><a href="#"><img src="images/8.jpg" alt="img08"><h4>روسری</h4></a></li> </ul> <ul> <li><a href="#"><img src="images/9.jpg" alt="img09"><h4>گاه به گاه</h4></a></li> <li><a href="#"><img src="images/10.jpg" alt="img10"><h4>لوکس</h4></a></li> <li><a href="#"><img src="images/11.jpg" alt="img11"><h4>ورزشی</h4></a></li> </ul> <ul> <li><a href="#"><img src="images/12.jpg" alt="img12"><h4>ساک مسافرتی</h4></a></li> <li><a href="#"><img src="images/13.jpg" alt="img13"><h4>لوازم و اثاثه قابل حمل</h4></a></li> <li><a href="#"><img src="images/14.jpg" alt="img14"><h4>کیف لپ تاپ</h4></a></li> <li><a href="#"><img src="images/15.jpg" alt="img15"><h4>بریفکسس</h4></a></li> </ul> <nav> <a href="#">کفش</a> <a href="#">لوازم جانبی</a> <a href="#">ساعت</a> <a href="#">کیف</a> </nav> </div> </div> </div>
سلام
مرسی خوب بود ولی یه سوال:
چرا وقتی به اینترنت وصل نیستی چیدمان صفحه به هم میریزه؟
چطور میشه رفعش کرد؟
سلام علی جان به خاطر اینکه داره از سرور لود میکنه که نیاز به اینترنت داره شما میتونی این کار رو روی قالب خودت انجام بدی
سلام
اگه بخوام عکس ها و متن هارو از textbox یا پایگاه داده یا جدولی بگیریم باید چیکار کنیم؟
شما میتونید از php استفاده کنید و query بگیرید از دیتابیس
من از asp استفاده میکنم
باید query رو مسقیما بنویسم توش ؟
اکه بخوام از gridview دیتایی رو بگیرم و بر حسب اون دیتا این متن هارو انتخاب کنم چی؟
سلام
توی اینترنت اکسپلورر جواب نمیده. چرا؟
سلام حسین جان نسخه چند ؟
سلام
اگر بخوایم این اسلایدشو متحرک بشه یعنی اگر کاربر کلیک هم نکرد اتوماتیک رو لینک بعدی بره و چرخش داشته باشه چه باید کرد ؟
با سلام و تشکر از وبسایت خوبتون
میخواستم بپرسم چطوری میشه این اسلاید شو به طور خودکار آخرین مطالب سایت رو نشون بده؟
عالی بود
سلام خسته نباشید من چطور میتونم این اسلایدشو رو تو جوملا اجراش کنم بعد چطور میشه بهش زمان داد مثلا هر 3 ثانیه تبش عوض بشه
سلام عزیز من از این اسلایدر میخوام تو سایتم استفاده کنم اما وقتی میذارمش تو سایت از کار میوفته همه فایلاشم در فراخوانی شده