توسط Paradox مطرح شد

اسلایدر واکنشگرا

سلام خدمت همگی
من دارم رو یه قالب کار میکنم قسمت اسلایدر در حالت موبایل درست کار نمیکنه و باعث بهم ریختگی قالب میشه (اسلایدر رو از سایت ریسپانسیو اسلایدر گرفتم)
به این شکل در میاد

لطفا راهنمایی کنید چیکار باید انجام بدم

طراحی_وب طراحی وب

ثبت پرسش جدید

جواد کرمی

تخصص :توسعه دهنده وب و اپلیکیشن | فرانت اند

@javadkarami6 سال پیشمطرح شد

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

ارسال پاسخ

Paradox

تخصص :در حال یادگیری

@paradox6 سال پیشمطرح شد

ممنون دوست عزیز کدهارو قرار دادم

کد مربوط به جیکوئری

 <script>
        // slider

        $(function() {
            $(".rslides").responsiveSlides();
        });

        $(".rslides").responsiveSlides({
            auto: true,             // Boolean: Animate automatically, true or false
            speed: 500,            // Integer: Speed of the transition, in milliseconds
            timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
            pager: false,           // Boolean: Show pager, true or false
            nav: false,             // Boolean: Show navigation, true or false
            random: false,          // Boolean: Randomize the order of the slides, true or false
            pause: false,           // Boolean: Pause on hover, true or false
            pauseControls: true,    // Boolean: Pause when hovering controls, true or false
            prevText: "Previous",   // String: Text for the "previous" button
            nextText: "Next",       // String: Text for the "next" button
            maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
            navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
            manualControls: "",     // Selector: Declare custom pager navigation
            namespace: "rslides",   // String: Change the default namespace used
            before: function(){},   // Function: Before callback
            after: function(){}     // Function: After callback
        });
    </script>

کد مروبط به ایندکس


<div class="container-fluid">
    <div class="ads col-lg-2 col-md-1 col-sm-1">
        <a href="#">
            <img src="image/ads.jpg" alt="تبلیغات" />
        </a>
    </div>

<!--   slid show -->
   <div class="col-lg-12 col-md-10 col-sm-10">
    <ul class="rslides">
        <li><img src="image/slider%20(1).jpg" alt=""></li>
        <li><img src="image/slider%20(2).jpg" alt=""></li>
        <li><img src="image/slider%20(1).jpg" alt=""></li>
    </ul>
  </div>

</div>

ارسال پاسخ