shayan

درخواست کد اسلایدر ساده

13 پست در این موضوع قرار دارد

سلام

من میخوام یه اسلایدر محتوای ساده داشته باشم به این شکل

0THZ7.png

من قبلا از easyslider استفاده میکردم ، با وجود این که استایل دهی بهش واقعا مشکل بود ولی کارم رو راه مینداخت

ولی متاسفانه تو این پروژه جدیدم با 2 روز کلنجار رفتن نتونستم به نتیجه مناسبی برسم

و با توجه به این که قالبم ریسپانسیو هست یه مقدار بهم ریختگی واسم ایجاد میکنه

کلا از استفاده از این کد منصرف شدم

حالا شما یه لطف کنید یه سورسی رو معرفی کنید که بتونم دقیقا به طرح بالایی برسم و ادیتش ساده باشه

ممنون

0

به اشتراک گذاری این پست


لینک به پست

سلام

slick به دردتون میخوره ؟

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

من میخوام اینو داشته باشم

tzvl_dfgdg.png

این کد رو تو html اضافه کردم


<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
<div><h3>5</h3></div>
<div><h3>6</h3></div>
</div>

اینا رو هم به بین تگ head


<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.7/slick.css"/>

<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.7/slick.min.js"></script>

الان کار نمیکنه

دیگه باید چیکار کنم؟

ویرایش شده در توسط shayan
0

به اشتراک گذاری این پست


لینک به پست

من میخوام اینو داشته باشم

tzvl_dfgdg.png

این کد رو تو html اضافه کردم


<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
<div><h3>5</h3></div>
<div><h3>6</h3></div>
</div>

اینا رو هم به بین تگ head


<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.7/slick.css"/>

<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.7/slick.min.js"></script>

الان کار نمیکنه

دیگه باید چیکار کنم؟

طبق این دستورالعمل برید

فقط کدای اجرای اسلایدر توی هدر اینجوری باید تغییر کنه :


<script type="text/javascript">
$(document).ready(function(){
$('.trail').slick({
slidesToShow:4,
slidesToScroll:4
});
});
</script>

3

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

اجرا نشد متاسفانه

این کل تگ هد من


<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>...</title>
<link rel="icon" href="images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="style.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-rtl.css" rel="stylesheet">
<!-- Start WOWSlider.com HEAD section --><!-- add to the <head> of your page -->
<link rel="stylesheet" type="text/css" href="engine0/style.css" />
<script type="text/javascript" src="engine0/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
<script type="text/javascript" src="js/migrate.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<script type="text/javascript">
$(document).ready(function(){
$('.trail').slick({
slidesToShow:4,
slidesToScroll:4
});
});
</script>
</head>

فایل html رو هم کلا دست نزدم !!!

ویرایش شده در توسط shayan
0

به اشتراک گذاری این پست


لینک به پست

اجرا نشد متاسفانه

این کل تگ هد من


<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>...</title>
<link rel="icon" href="images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="style.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-rtl.css" rel="stylesheet">
<!-- Start WOWSlider.com HEAD section --><!-- add to the <head> of your page -->
<link rel="stylesheet" type="text/css" href="engine0/style.css" />
<script type="text/javascript" src="engine0/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
<script type="text/javascript" src="js/migrate.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<script type="text/javascript">
$(document).ready(function(){
$('.trail').slick({
slidesToShow:4,
slidesToScroll:4
});
});
</script>
</head>

فایل html رو هم کلا دست نزدم !!!

شما فایل جی کوئری،میگریت و slick رو حتما باید دانلود و در پوشه قالب خودتون قرار بدید .

بعد دانلود شما به این صورت لینک بده شاید حل شد :


<script language="javascript" type="text/javascript" src="<?php bloginfo('template_directory');?>/js/jquery-1.11.3.min.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_directory');?>/js/migrate-1.2.1.min.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_directory');?>/slick/slick.min.js"></script>

اگه درست نشد کد دستور اسلایدر رو اینجوری تغییر بدید :


<script type="text/javascript">
$(document).ready(function(){
$('.trial').slick({
slidesToShow:4,
slidesToScroll:4,
slidesPerRow:3,
arrows:true,
rows:1,
rtl:true,
draggable:true,
infinite:false,
});
});
</script>

1

به اشتراک گذاری این پست


لینک به پست

شما فایل جی کوئری،میگریت و slick رو حتما باید دانلود و در پوشه قالب خودتون قرار بدید .

بعد دانلود شما به این صورت لینک بده شاید حل شد :


<script language="javascript" type="text/javascript" src="<?php bloginfo('template_directory');?>/js/jquery-1.11.3.min.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_directory');?>/js/migrate-1.2.1.min.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_directory');?>/slick/slick.min.js"></script>

اگه درست نشد کد دستور اسلایدر رو اینجوری تغییر بدید :


<script type="text/javascript">
$(document).ready(function(){
$('.trial').slick({
slidesToShow:4,
slidesToScroll:4,
slidesPerRow:3,
arrows:true,
rows:1,
rtl:true,
draggable:true,
infinite:false,
});
});
</script>

همون طور که مشاهده فرمودید تمام اون فایل های js رو فراخوانی کرده بودم

این تگ اسکریپت رو هم قرار بین head قرار دادم ولی باز هم نشد !! :(

0

به اشتراک گذاری این پست


لینک به پست

همون طور که مشاهده فرمودید تمام اون فایل های js رو فراخوانی کرده بودم

این تگ اسکریپت رو هم قرار بین head قرار دادم ولی باز هم نشد !! :(

آخ فک کنم فهمیدم اشکالشو :


<script type="text/javascript">
$(document).ready(function(){
$('.trail').slick({
slidesToShow:4,
slidesToScroll:4,
slidesPerRow:3,
arrows:true,
rows:1,
rtl:true,
draggable:true,
infinite:false,
});
});
</script>

کلا چیزی براتون نمایش نمیده یا دیو ها زیر همن ؟

1

به اشتراک گذاری این پست


لینک به پست

لطفا آدرس وبسایت خود را قرار دهید

0

به اشتراک گذاری این پست


لینک به پست

فعلا دارم طراحی میکنم عزیز

فعلا css html هست

0

به اشتراک گذاری این پست


لینک به پست

آخ فک کنم فهمیدم اشکالشو :


<script type="text/javascript">
$(document).ready(function(){
$('.trail').slick({
slidesToShow:4,
slidesToScroll:4,
slidesPerRow:3,
arrows:true,
rows:1,
rtl:true,
draggable:true,
infinite:false,
});
});
</script>

کلا چیزی براتون نمایش نمیده یا دیو ها زیر همن ؟

فقط از عدد 1 تا 5 اگر اشتباه نکنم

اونم به صورت عمودی

0

به اشتراک گذاری این پست


لینک به پست

فقط از عدد 1 تا 5 اگر اشتباه نکنم

اونم به صورت عمودی

اگه میشه یه عکس ازش قرار یدید . کد ها کاملا درستن !

البته در ابتدا ممکنه که چیزی براتون نشون نده چون من هم همین مشکلو اوایل باهاش داشتم ولی با فایرباگ کدهای اسلایدر موردنظرمو در اوردم و جای گذاری کردم و بعد که اسلایدر راه افتاد کد های اضافیش مثل dots و arrows رو پاک کردم . شما هم یه بار امتحان کنید .

0

به اشتراک گذاری این پست


لینک به پست

الان فقط اسلایدر فعال نیست ؟

کار نمیکنه ؟ منظور این هست ؟

http://jsbin.com/xemuxozeno/

البته استایل نداره


<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
</head>
<style>.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}</style>
<body>
<div class="data" data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
<div><h3>5</h3></div>
<div><h3>6</h3></div>
</div>
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://kenwheeler.github.io/slick/slick/slick.js"></script>
<script type="text/javascript" src="http://kenwheeler.github.io/slick/js/scripts.js"></script>
</body>
</html>

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط david7222222222
      چطور میتونم تقویم یک افزونه ی وردپرس رو شمسی کنم ؟ از تقویم این افزونه برای حسابداری و ثبت قرار ملاقات استفاده میشه و باید در نمایش هم کاملا شمسی باشه.لطفا کمک کنید ممنون
    • توسط Sa۱۹۹۹eed
      سلام
      من فایل های سایتمو اخیرا انتقال دادم به هاست دانلود که فقط دسترسی اف تی پی دارم بهش
      سایت من با https باز میشه ولی هاست دانلود با http
      اول مشکلم این بود که سایتم خودکار هاست دانلود رو هم ریدایرکت میکرد به https و فایل دانلود نمیشد و در واقع وارد هاست دانلود نمیشد اصلا
      که این مشکلو با پشتیبانی هاستم در میون گذاشتم و این مشکل رو رفع کردن و دیگه ریدایرکت نمیشه به  https
       
      اما همون پشتیبانی هاست میگه که با پاک کردن کش مرورگر هر دستگاه این مشکل برطرف میشه که امتحان هم کردم درست میگفت
      منتهی خب من الان کش مرورگر خودمو میتونم پاک کنم
      واسه کاربرام رو که نمیتونم پاک کنم
      با  چندتا دستگاه که قبلا وارد سایت شده بودم امتحان کردم تا وقتی کش مرورگر پاک نشه دانلود نمیشه به هیچ وجه 
      و تمام کاربرایی که قبلا یکبار هم وارد سایتم وارد شدن دیگه نمیتونن دانلود کنن ...
      تنها راهی که تونستم پیدا کنم برای حل کردنش اینه که سایت خودم رو از https به http تبدیل کنم
      که نمیخوام اینکارو کنم
       
      سایت: https://rayamoviez.com
      کسی میدونه این مشکلو چجوری میشه حل کرد؟؟؟؟؟!!!!!
       
       
    • توسط Arashz1
      سایت ارتباط اولیه رو خیلی کند انجام میده و واقعا همه کار کردم اما مشکل برطرف نشده اگر می تونید راهنمای کنید ممنون قالب سایت اوادا پرو شاپ  بوده و مشکل از همین قالب است اما هر کاری می کنم مشکل همچنان پا بر جاست .
      cdn و dns هم از اروان ابر گرفتم اما باز مشکل پا بر جا
      domin: Noavarco.com
       
    • توسط Morteza
      قوانین کلی انجمن
      1- در هنگام ثبت نام از کلمات مناسب جهت نام کاربری استفاده نمایید. نام های کاربری حاوی کلمات نامناسب ، نام های کاربری که جنبه تبلیغاتی داشته و یا نام های کاربری که نام یک سایت می باشند ، سریعا حذف خواهند شد.
      2- به دیگران احترام بگزارید. با هرگونه بی احترامی برخورد جدی و حتی منجر به قطع دسترسی کاربر خاطی خواهد شد.
      3- در انتخاب آواتر و امضا دقت کنید و از تصاویر و کلمات موهون و نامناسب استفاده ننمایید. توجه کنید که امضا هایی که حاوی تصاویر و کلمات موهون و نامناسب باشند و یا جنبه تبلیغاتی داشته باشند سریعا حذف خواهند شد و در صورت تکرار با فرد خاطی برخورد خواهد شد.
      4- برای مطالب خود از عنوان مناسب و گویا استفاده نمایید. در عنوان مطالب خود از عبارات و کلمه هایی مانند : کمک کنید ، درخواست فوری ، نیاز شدید ، تورو خدا کمکم کنید ، خیلی مهم و جملاتی شبیه به این خودداری نمایید.
      5- حتما قبل از ایجاد یک موضوع در انجمن جستجو کنید و از ایجاد مطالب تکراری خودداری نمایید.
      6- از اسپم کردن موضوعات پرهیز کنید. جهت دریافت پاسخ صبر داشته باشید. برای تشکر از دکمه تشکر استفاده کنید.
      7- فارسی بنویسید و از فینگلیش نوشتن خودداری کنید. در غیر اینصورت با فرد خاطی برخورد خواهد شد.
      8- فعالیت های تجاری را فقط در بخش مشخص شده انجام دهید و از ایجاد موضوعاتی با جنبه تجاری در دیگر بخشها خودداری نمایید. از دادن پاسخهایی که جنبه تجاری و یا تبلیغی دارند خودداری نمایید. در صورت مشاهده چنین پست هایی با فرد خاطی برخورد خواهد شد.
      9- گروه وردپرس پارسی هیچگونه مسئولیتی در مورد فعالیت های بخش تجاری ندارد و تمامی مسئولیت به عهده ایجاد کننده موضوع است.
      10-هرگونه بحث سیاسی - مذهبی در این انجمن ممنوع می باشد. هرگونه توهین و مجادله و مباحثه در مباحث دینی و سیاسی ممنوع بوده و تاپیک های اینچنینی حذف و کاربران خاطی محروم می شوند. در صورت تکرار فرد خاطی برای همیشه از انجمن اخراج می شود.
      11- ارائه شماره تماس و ایمیل جهت همکاری و یا خرید و فروش و یا هرگونه مورد دیگر بصورت عمومی در انجمن ممنوع است. جهت تبادل موارد ذکر شده از طریق پیام خصوصی اقدام کنید.
      12- هرگونه درخواست کامل سازی پوسته در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته جدا خودداری کنید.
      13- هرگونه بحث در مورد تکمیل و اشکال زدایی پوسته های ریپ در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته ریپ جدا خودداری کنید.
      14- هرگونه درخواست فایل/پوسته/افزونه و سایر محصولهای تجاری در انجمن ممنوع است.
      15- هرگونه پرسش و بحث درباره محصولهای تجاری در انجمن ممنوع است. پشتیبانی محصولهای تجاری به عهده سازنده/فروشنده آن است.
      16- به هیچ طریقی از کاربران دیگر مشخصات ورود به سایت/سرور آنها را درخواست نکنید. در صورت نیاز کاربر در پیام خصوصی اطلاعات را ارسال خواهد کرد و نیازی به مطرح کردن این مورد نیست، توجه فرمایید انجمن هیچ مسئولیتی در این مورد به عهده نخواهد گرفت. همچنین در صورت مشاهده درخواست ورود از کاربران دیگر، اخطار و در صورت تکرار کاربر خاطی از انجمن اخراج خواهد شد.
      17-از خرده نویسی و لینک برای ادامه مطلب به سایتهای دیگر پرهیز کنید. در صورت مشاهده، اینگونه تاپیک ها مستقیما به بایگانی منتقل می شوند.
      18-از ایجاد تایپ‌هایی جهت بک‌لینک گیری پرهیز کنید. این نوع تایپ‌ها بلافاضله حذف می‌شوند و در صورت تکرار، دسترسی شما از انجمن قطع خواهد شد.
       
      بروزرسانی هفتم.
    • توسط abdananbimeh
      آن کیست کز روی کرم مرا یاری کند
      باسلام
      دوستان عزیزان برادران مهندسین گرامی
      من نمی تونم این وردپرس رو هاست گیگفا نصب کنم حالم رو گرفته
      یه کسی من رو کمک کنه
      یه دامنه خودم دارم هر کسی لطف کرد  تونست کمک کنه ایمیل بفرست رمز و یوزر رو بهش بدم خودش زحمتش رو بکشه البته یه دامنه هم خودم دارم