sajjadmp 72 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 با سلامچجوری میشه یه اسلایدر رو زماندار ( اتوماتیک ) کرد ؟ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 بستگی به کد اجراش داره ولی شکل کلیش ایجوریهfunction autoslider() {setTimeout(function() {$("#slider").each(function() {//دستورات اجرای اسلایدر});$("#slider").promise().done(function() {autoslider()});},1200//);}autoslider();1200 دو ثانیه مکث ایجاد می کنه به همین نسبت تایم رو تغییر بدید 1 نقل قول لینک به ارسال
sajjadmp 72 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 بستگی به کد اجراش داره ولی شکل کلیش ایجوریهfunction autoslider() {setTimeout(function() {$("#slider").each(function() {//دستورات اجرای اسلایدر});$("#slider").promise().done(function() {autoslider()});},1200//);}autoslider();1200 دو ثانیه مکث ایجاد می کنه به همین نسبت تایم رو تغییر بدید#slider رو هم باید تغییر داد ؟من میخوام از این اسلایدر استفاده کنم http://temphaa.com/Demo/CSS3SlidingImagePanels/index4.html نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 این اسلایدر شما که با css نوشته شده باید اسلایدر جی کوئری داشته باشید یا خودتون به تبدیل کدهای css به جی کوئری مسلط باشید 1 نقل قول لینک به ارسال
sajjadmp 72 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 این اسلایدر شما که با css نوشته شده باید اسلایدر جی کوئری داشته باشید یا خودتون به تبدیل کدهای css به جی کوئری مسلط باشیدخوب اگه ما از خیر زماندار کردنش بگذریم ، میشه آخرین پست های یه دسته رو توی همچین اسلایدری نشون داد یا اون هم نیاز به جی کوئری داره ؟ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 نه این اسلایدر شما کلش css و به این راحتی نمی شه تبدیلش کرد نقل قول لینک به ارسال
sajjadmp 72 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 نه این اسلایدر شما کلش css و به این راحتی نمی شه تبدیلش کردیعنی شما منظورتون اینه که ساخت اسلایدر با سی اس اس عملا به درد نخوره درسته ؟ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 نه من این رو عرض نکردم اسلایدر شما چهار تصویر را به عنوان پس زمینه در css معرفی کرده اگر بخواهیم داینامیکش کنیم در فایلهای css که نمی شه php نوشت مجبوریم اون بخش از کدها را به یک فایل php قالب منتقل کنیم و بعدش تابعی که برای احضار تصویر شاخص وجود داره تصویر رو کامل لود می کنه یعنی کد زیر رو می آره<img src="http://site.com/wpcontent/uploads/2015//2/image.jpg" class="some classes" alt="یک تصویر">ولی برای استفاده از این اسلایدر باید کد نشانی تصویر رو داشته باشید که بشه در css به این شکل قرارش دادbackground-image:url('http://site.com/wpcontent/uploads/2015//2/image.jpg');پس باید براش تابع اختصاصی نوشت که کار راحتی نیست برای استفاده از این اسلایدر در وردپرس باید برنامه نویسی رو کامل بدونید که در اون صورت نیازی به اینکار نیست می تونید با نوشتن یک جی کوئری اسلایدر را به مراتب بهتر از این بسازید با دردسر کمتر نقل قول لینک به ارسال
sajjadmp 72 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 نه من این رو عرض نکردماسلایدر شما چهار تصویر را به عنوان پس زمینه در css معرفی کردهاگر بخواهیم داینامیکش کنیم در فایلهای css که نمی شه php نوشت مجبوریم اون بخش از کدها را به یک فایل php قالب منتقل کنیم و بعدش تابعی که برای احضار تصویر شاخص وجود داره تصویر رو کامل لود می کنه یعنی کد زیر رو می آره<img src="http://site.com/wpcontent/uploads/2015//2/image.jpg" class="some classes" alt="یک تصویر">ولی برای استفاده از این اسلایدر باید کد نشانی تصویر رو داشته باشید که بشه در css به این شکل قرارش دادbackground-image:url('http://site.com/wpcontent/uploads/2015//2/image.jpg');پس باید براش تابع اختصاصی نوشت که کار راحتی نیستبرای استفاده از این اسلایدر در وردپرس باید برنامه نویسی رو کامل بدونید که در اون صورت نیازی به اینکار نیست می تونید با نوشتن یک جی کوئری اسلایدر را به مراتب بهتر از این بسازید با دردسر کمتردردسر زیادی نداره تعریف چهار تا تایع برای تصویر شاخص چهارتا پست ، ولی همونطور که گفتید پی اچ پی در فایل سی اس اس کار نمی ده .تو چن تا سایت خارجی برای استفاده از کد پی اچ پی داخل سی اس اس ، ساخت فایل استایل با پسوند پی اچ پی یا قرار دادن استایل مورد نظر بین تگ <head> رو داده بودن ولی من از اولی زیاد سر در نیوردم و دومی هم کار نداد . چون اسلایدهای این اسلایدر یه جوریه که فقط توی فایل سی اس اسه که میشه براش بک گراند تعریف کرد .شما می تونید راهنمایی کنید که چجوری فایل سی اس اس با پسوند پی اچ پی میشه ایجاد کرد ؟ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 با جی کوئری هم میشه همین افکت را ایجاد را کرد جستجو کنید می یابید نقل قول لینک به ارسال
khafan11 19 ارسال شده در اردیبهشت 95 گزارش بازنشر ارسال شده در اردیبهشت 95 در در 5/5/2015 at 05:48، imanfakhar گفته است : بستگی به کد اجراش داره ولی شکل کلیش ایجوریه function autoslider() { setTimeout(function() { $("#slider").each(function() { //دستورات اجرای اسلایدر }); $("#slider").promise().done(function() { autoslider() }); },1200//); } autoslider(); 1200 دو ثانیه مکث ایجاد می کنه به همین نسبت تایم رو تغییر بدید سلام ، این کجا قرار میگیره ؟ من از قالب https://wordpress.org/themes/one-page/ استفاده میکنم ، خودش اسلایدر داره ولی به صورت دستی عمل میکنه !! اگه میشه یه راهنمایی بکنید درستش کنم نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 95 گزارش بازنشر ارسال شده در اردیبهشت 95 در 9 ساعت قبل، khafan11 گفته است : سلام ، این کجا قرار میگیره ؟ من از قالب https://wordpress.org/themes/one-page/ استفاده میکنم ، خودش اسلایدر داره ولی به صورت دستی عمل میکنه !! اگه میشه یه راهنمایی بکنید درستش کنم سلام به پاسخ دقت کنید این کد دستور کلی است و باید داخلش کدهای اسلایدر قرار بگیرند و الا کدها فقط فراخوانند و کاری انجام نمی ده ایمن کد رو بگذارید انتهای فایل footer.php و قبل از بسته شدن تگ body که انتهای فایل به این صورت بشه <script> jQuery(document).ready(function() { function sliderAutoRun() { setTimeout(function() { jQuery("#slider").find("#nav-arrows").find(".glyphicon-chevron-right").click(); sliderAutoRun(); },3500); } sliderAutoRun(); }); </script> </body> </html> برای کم و زیاد کردن زمان 3500 را تغییر بدید 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .