• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط landa77
      سلام دوستان
      من از قالب رایگان writee برای وبسایتم استفاده کردم.اما اسلایدرها رو نشون نمیده و هرکاری هم میکنم اسلایدر ها ظاهر نمیشن.
      از اونجا که من تازه با وردپرس اشنا شدم تجربه ی زیادی ندارم لطفا کمک کنین مشکلم حل بشه
      ممنون.
      ادرس سایتم Social-anxiety.ir
    • توسط j1989m
      سلام
      لطفا اسلایدر این سایتو ببینید: https://beyamooz.com
      میخوام یه اسلایدر مثل لینک بالا داشته باشم: بطوریکه داخل هراسلاید چند تا عنصر مختلف (آیکون و متن) باشه که با اومدن هراسلاید، هریک از عناصر داخلش با انیمیشن خاصی ظاهر بشن، و با رفتن هراسلاید، عناصر داخلش هم با انیمیشن ناپدید بشن...ضمن اینکه ریسپانسیو و لمسی هم باشه...  ؟ ؟ ؟ ؟ ؟ ؟
      در حال حاضر اسلایدر زیر رو با کاروسل ساختم:
      https://codepen.io/j1989mah/pen/VzoOmY
      جمعا 3 تا اسلاید هست: داخل اسلاید دوم و سوم المان هایی رو قرار دادم... اما میخوام با اومدن و رفتن هراسلاید المان های داخلش با انیمیشن ظاهر و ناپدید بشن...
      ؟ ؟ ؟ ؟ ؟ ؟
       
    • توسط masoudch
      دوستان سلام
      لطفا راهنمایی بفرمایید اسلایدشو سایت زیر چطور درست شده؟ از تکنولوژی یا روش خاصی استفاده کرده؟
      برو به اسلایدشو
      ممنون
    • توسط Mohamad™
      سلام وقتتون بخیر
      این چه افزونه اسلایدری هستش که
       
      بغیر از اسلایدر سمت راست - سمت چپ هم دارای سایدباری هستش

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