کد اسلایدر

[lawgostar 355]

سلام. وقت بخیر.

بنده یک قالبی را نصب کردم برای مشاهده دمو اینجا کلیک کنید.

در هدر این قالب یک بنر بنفش رنگ هست که خبرنامه هم داخلش وجود دارد. بنده میخواهم به جای این بنر، یک اسلایدر نصب کنم که در همین قسمت نمایش داده شود. کد اسلایدر را باید در کدام قسمت و دقیقا زیر چه کدی قرار بدهم؟

[poshenama 145]

در 1 ساعت قبل، lawgostar گفته است :

سلام. وقت بخیر.

بنده یک قالبی را نصب کردم برای مشاهده دمو اینجا کلیک کنید.

در هدر این قالب یک بنر بنفش رنگ هست که خبرنامه هم داخلش وجود دارد. بنده میخواهم به جای این بنر، یک اسلایدر نصب کنم که در همین قسمت نمایش داده شود. کد اسلایدر را باید در کدام قسمت و دقیقا زیر چه کدی قرار بدهم؟

سلام

بستگی به قالبتون داره برای اینکار با استفاده از افزونه  string locator و لینک تصویر مد نظرتان قسمت رو پیدا کنید یا با استفاده از ابزار وبمستر گوگل کروم

[lawgostar 355]

در 2 ساعت قبل، poshenama گفته است :

سلام

بستگی به قالبتون داره برای اینکار با استفاده از افزونه  string locator و لینک تصویر مد نظرتان قسمت رو پیدا کنید یا با استفاده از ابزار وبمستر گوگل کروم

اسم ابزار کروم چی هست؟

[estedadrap 4]

در 5 ساعت قبل، lawgostar گفته است :

سلام. وقت بخیر.

بنده یک قالبی را نصب کردم برای مشاهده دمو اینجا کلیک کنید.

در هدر این قالب یک بنر بنفش رنگ هست که خبرنامه هم داخلش وجود دارد. بنده میخواهم به جای این بنر، یک اسلایدر نصب کنم که در همین قسمت نمایش داده شود. کد اسلایدر را باید در کدام قسمت و دقیقا زیر چه کدی قرار بدهم؟

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

شما یه فایل php با اسم slider ایجاد کن و کد زیر رو داخلش قرار بده

<div id="demo" class="carousel slide" data-ride="carousel">
  <ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
    <li data-target="#demo" data-slide-to="2"></li>
  </ul>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="la.jpg" alt="Los Angeles" width="1100" height="500">
      <div class="carousel-caption">
        <h3>Los Angeles</h3>
        <p>We had such a great time in LA!</p>
      </div>   
    </div>
    <div class="carousel-item">
      <img src="chicago.jpg" alt="Chicago" width="1100" height="500">
      <div class="carousel-caption">
        <h3>Chicago</h3>
        <p>Thank you, Chicago!</p>
      </div>   
    </div>
    <div class="carousel-item">
      <img src="ny.jpg" alt="New York" width="1100" height="500">
      <div class="carousel-caption">
        <h3>New York</h3>
        <p>We love the Big Apple!</p>
      </div>   
    </div>
  </div>
  <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>
</div>

اگه از بوت استرپ استفاده نمیکنی باید فایل هاش رو فراخوانی کنی

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
  <style>
  /* Make the image fully responsive */
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }
  </style>

اگه فایل های css بوت استرپ تداخل ایجاد کرد داخل یه فایل جدا css بزارش و بعد فراخوانیش کن

در آخر هم با کد زیر 

فایل php که به اسم slider ایجاد کردی رو هرجا که خواستی قرار بده

<?php include 'slider.php'; ?> 

امیدوارم متوجه شده باشی

[estedadrap 4]

در ضمن اینجا هم یه سر بزن 

https://mdbootstrap.com/docs/jquery/javascript/carousel/