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

با سلام

چجوری میشه یه اسلایدر رو زماندار ( اتوماتیک ) کرد ؟

0

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


لینک به پست

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


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

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

1

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


لینک به پست

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


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

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

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

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

0

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


لینک به پست

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

1

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


لینک به پست

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

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

0

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


لینک به پست

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

0

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


لینک به پست

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

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

0

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


لینک به پست

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

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

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

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

0

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


لینک به پست

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

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

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

0

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


لینک به پست

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

0

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


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

0

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


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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط Mohamad™
      سلام وقتتون بخیر
      این چه افزونه اسلایدری هستش که
       
      بغیر از اسلایدر سمت راست - سمت چپ هم دارای سایدباری هستش

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

    • توسط marpeech
      سلام دوستان
       
      من دنبال یه افزونه اسلایدر می گردم که بتونه اسلاید تمام صفحه و ریسپانسیو درست کنه. اما با یه شرط! و اون این باشه که توی تمام مرورگرها و دستگاه ها هم تمام صفحه باشه. الان من اسلایدر تمام صفحه دارم اما وقتی از توی اپرا نگاه میکنم تمام صفحه ست، توی موزیلا یه کمی از ارتفاعش کم میشه، توی کروم هم همینطور (در همه این موارد از عرض، تمام صفحه ست اما از ارتفاع کم و زیاد میشه). عرض اسلایدر رو هم 100% تعیین میکنم اما برای ارتفاعش راه حلی ندارم. ممنون میشم که راهنمایی کنید
    • توسط IFTHEN
      یه اسلایدر دارم، می خوام یک تگ مثل X رو تعریف کنم و هر پستی که این تگ (برچسب) رو داشت عکس شاخصش داخل اسلایدر صفحه اصلی نمایش داده بشه.
      ممنون می شم راهنمایی بفرمایید به چه صورت می تونم این کار رو انجام بدم.
    • توسط رهنمافرد
      سلام
      امیدوارم حالتون خوب باشه.
      دنبال افزونه ای هستم که آخرین مطالب (یا دسته ای خاص) رو به صورت اسلایدر متنی نمایش بده. به این صورت که برای چند ثانیه عنوان مطلب نمایش داده بشه و بعد عنوان مطلب بعدی نمایش داده بشه و الی آخر ...
      هرچقدر گشتم مدلی که ارائه شده بود شبیه کارکرد تگ marquee بود ولی من می خواهم عناوین چند ثانیه ای مکث داشته باشند و بعد عوض بشن نه این که به صورت scroll حرکت کنند.
      امیدوارم تونسته باشم منظورم رو برسونم ...
      ممنون می شم اگر همچین پلاگینی سراغ دارید معرفی کنید.
      خیلی خیلی متشکر