رفتن به مطلب

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


من یک اسلایدر زدم با jsولی نمیشه وقتی اسلاید میشه ب صورت scrollو ul  نه اسلایدی اینم کد html


<div class="col-12 col-md-6 pb-0 pb-md-3 pt-2 pr-md-1">
                    <div id="featured" class="carousel slide carousel" data-ride="carousel">
                        ّ <div id="dots" class="carousel-indicators">
                            <span class="dot active" data-target="#carousel-example-generic"></span>
                        </div>
                        <div id="slider">
                            <!--Item slider-->
                            <?php
                            $args = array(
                                'posts_per_page' => 5,
                                'cat' => 10,
                            );
                            $query = new WP_Query($args);
                            ?>
                            <?php if ($query->have_posts()) : ?>
                            <?php $i = 0; ?>
                            <?php while ($query->have_posts()) : $query->the_post() ?>
                            <div class="slide active">
                                <div class="card border-0 rounded-0 text-light overflow zoom">
                                    <div class="position-relative">
                                        <!--thumbnail img-->
                                        <div class="ratio_left-cover-1 image-wrapper overflow">
                                            <a href="<?php the_permalink(); ?>">
                                                <?php
                                                        $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full', false);
                                                        ?>
                                                <?php the_post_thumbnail("w-100 img-thumbnail mx-auto d-block overflow"); ?>

                                            </a>
                                        </div>
                                        <div class="position-absolute p-2 p-lg-3 b-0 w-100 bg-shadow">
                                            <!--title-->
                                            <a href="<?php the_permalink(); ?>">
                                                <h2 class="h3 post-title text-white my-1"><?php the_title(); ?></h2>
                                            </a>
                                            <!— meta title —>
                                            <div class="news-meta">
                                                <span class="news-author">by <a class="text-white font-weight-bold" href="<?php the_permalink(); ?>"><?php the_author(); ?></a></span>
                                                <span class="news-date"><?php the_time('d‌ F‌ Y'); ?></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php endwhile ?>
                            <?php endif ?>
                            <?php wp_reset_postdata(); ?>
                            <!--end item slider-->
                        </div>
                    </div>
                    <!--end carousel inner-->
                    <!--navigation-->
                    <a class="carousel-control-prev prev" href="#featured" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next next" href="#featured" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                    <script type="text/javascript">

                    </script>
                </div>


اینم کد js


var slide = document.getElementsByClassName('slide');
var dot = document.getElementsByClassName('dot');
var prev = document.querySelector('.prev');
var next = document.querySelector('.next');
var n = 0;
var i;

function disno(){
    for( i = 0 ; i<slide.length ; i++){
        slide.style.display = 'none';
    }
}

function no_active(){
    for( i = 0 ; i<dot.length ; i++){
        dot.classList.remove('active');
    }
}

next.addEventListener('click',function(e){
    e.preventDefault();
    n++;
    if( n > slide.length - 1){ // length starts From 1
        n = 0; // Arrays Starts From zero
    }
    disno();
    no_active()
    slide[n].style.display = 'block';
    dot[n].classList.add('active');
})

prev.addEventListener('click',function(e){
    e.preventDefault();
    n--;
    if( n < 0){ // length starts From 1
        n = slide.length - 1; // Arrays Starts From zero
    }
    disno();
    no_active()
    slide[n].style.display = 'block';
    dot[n].classList.add('active');
})

setInterval(function(){
    n++;
    if( n > slide.length - 1){ // length starts From 1
        n = 0; // Arrays Starts From zero
    }
    disno();
    no_active()
    slide[n].style.display = 'block';
    dot[n].classList.add('active');
},3000)

photo_2019-08-27_18-22-03.jpg

photo_2019-08-27_18-22-18.jpg

photo_2019-08-27_18-31-01.jpg

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


لینک به ارسال

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

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

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

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

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

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

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

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


  • مطالب مشابه

    • توسط sakineh
      سلام
      من می خوام تو سایت وقتی کسی ثبت نام کرد به انتخاب خودش وارد یک دسته بشه یا یک دسته جدید درست کنه و ظرفیت هر دسته هم متفاوت باشه افزونه هست که این کارو انجام بده
    • توسط amzzm75
      با سلام
      یکی از مشتریای من میخواد کل محصولات وب سایت دیجیکالا رو داخل سایت خودش کپی کنه (در واقع میخواد با سیستم همکاری در فروش دیجیکالا کار کنه)
      من داخل سایتش به یه مشکل خوردم
      یه افزونه دارم که محصولات کپی میکنه اولش هاست داشت و فضای هاستش پر شد گفتم بره سرور مجازی بگیره و ولی الان پردازشگر سرور مجازی توان نداره کپی کنه و با مشکل روبرو شده از طرفی نمیخواد اول کار خیلی هزینه کنه
      البته افزونه یه تنظیم داره که اگه عکس محصولات از خود دیجیکالا لود بشه دیگه راحت کپی میشه و مشکل پیش نمیاد
      ولی فکر میکنم به لحاظ سئو ضعف حساب میشه (برای همینم گفتم سرور بگیره که عکسا هم روی سایت خودش باشه)
      من بهش پیشنهاد دادم از سرور مجازی بیاد بیرون و با همون هاست اولیه و هاست دانلود کار کنه به طوریکه هاست دانلود بشه ساب دومین دامنه اصلی که برای سئو هم مشکلی ایجاد نشه ولی فکر نکنم شدنی باشه و فکر کنم هاست دانلود به یه دامنه جدا باید وصل بشه (من با هاست دانلود کار نکردم)
      میخواستم بدونم پیشنهاد شما چیه
      باتشکر
    • توسط shortcut
      درود
      نام قالب استفاده شده در این سایت چیست ؟
      در صورت امکان لینک دانلود رو ار‌ا‌ئه بفرمایید
      ممنونم
    • توسط armin1387
      سلام
      من وردپرسم رو روی هاست گیفگا ریختم. ولی وقتی می خوام وارد پوشه وردپرس بشم همچین خطای میده. 
      آدرس سایت : http://arnam.gigfa.com/wordpress/
      عکس خطا : 
       
    • توسط miladmoqaddam823
      دوستان سلام. 
      چطوری میتونم به انتهای صفحات کتگوری و برچسب ها، متن و توضیحات اضافه کنم؟
      به خیلی از فروشنده های قالب های وردپرس پیام دادم، هیچ کدوم این قابلیت رو ندارن
      حالا الان میخوام با وودمارت کار کنم، اما نتونستم راه حلی پیدا کنم برای این موضوع.
      بعضی قالب ها این امکان رو دارن، اما بالای صفحه نمایش میده، در حالیکه من میخوام انتهای صفحه و زیر محصولات باشه این توضیحات.
×
×
  • اضافه کردن...