رفتن به مطلب

پست های پیشنهاد شده

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


function autoslider() {
setTimeout(function() {
$("#slider").each(function() {
//دستورات اجرای اسلایدر
});
$("#slider").promise().done(function() {
autoslider()
});
},1200//);
}
autoslider();

1200 دو ثانیه مکث ایجاد می کنه به همین نسبت تایم رو تغییر بدید

لینک به ارسال

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


function autoslider() {
setTimeout(function() {
$("#slider").each(function() {
//دستورات اجرای اسلایدر
});
$("#slider").promise().done(function() {
autoslider()
});
},1200//);
}
autoslider();

1200 دو ثانیه مکث ایجاد می کنه به همین نسبت تایم رو تغییر بدید

#slider رو هم باید تغییر داد ؟

من میخوام از این اسلایدر استفاده کنم http://temphaa.com/Demo/CSS3SlidingImagePanels/index4.html

لینک به ارسال

این اسلایدر شما که با css نوشته شده باید اسلایدر جی کوئری داشته باشید یا خودتون به تبدیل کدهای css به جی کوئری مسلط باشید

لینک به ارسال

این اسلایدر شما که با css نوشته شده باید اسلایدر جی کوئری داشته باشید یا خودتون به تبدیل کدهای css به جی کوئری مسلط باشید

خوب اگه ما از خیر زماندار کردنش بگذریم ، میشه آخرین پست های یه دسته رو توی همچین اسلایدری نشون داد یا اون هم نیاز به جی کوئری داره ؟

لینک به ارسال

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

یعنی شما منظورتون اینه که ساخت اسلایدر با سی اس اس عملا به درد نخوره درسته ؟

لینک به ارسال

نه من این رو عرض نکردم

اسلایدر شما چهار تصویر را به عنوان پس زمینه در 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');

پس باید براش تابع اختصاصی نوشت که کار راحتی نیست

برای استفاده از این اسلایدر در وردپرس باید برنامه نویسی رو کامل بدونید که در اون صورت نیازی به اینکار نیست می تونید با نوشتن یک جی کوئری اسلایدر را به مراتب بهتر از این بسازید با دردسر کمتر

لینک به ارسال

نه من این رو عرض نکردم

اسلایدر شما چهار تصویر را به عنوان پس زمینه در 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> رو داده بودن ولی من از اولی زیاد سر در نیوردم و دومی هم کار نداد . چون اسلایدهای این اسلایدر یه جوریه که فقط توی فایل سی اس اسه که میشه براش بک گراند تعریف کرد .

شما می تونید راهنمایی کنید که چجوری فایل سی اس اس با پسوند پی اچ پی میشه ایجاد کرد ؟

لینک به ارسال
  • 1 سال بعد...
در در 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/ استفاده میکنم ، خودش اسلایدر داره ولی به صورت دستی عمل میکنه !! اگه میشه یه راهنمایی بکنید درستش کنم 

لینک به ارسال
در 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 را تغییر بدید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...