• Как в swiper slider сделать бесконечный thumbnail?

    @salomatin
    Я понимаю что наверное поздно уже, но может кому поможет.

    1) Обязательно используйте Swiper не ниже 6.8.4 (я использовал именно версию 6.8.4)
    Пример нашел тут, он почти совпадает с тем что требовалось в вопросе, только стили подкорректировать https://codepen.io/intotheprogram/pen/PowvWeX
    <div class="gallery"> 
    				<div class="swiper swiper-container gallery-thumbs">
    					<div class="swiper-wrapper">
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample010.jpg" alt=""></div>
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample005.jpg" alt=""></div>
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample012.jpg" alt=""></div>
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample007.jpg" alt=""></div>
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample008.jpg" alt=""></div>
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample009.jpg" alt=""></div>
    					</div>
    				</div>
    				<div class="swiper swiper-container gallery-slider">
    					<div class="swiper-wrapper">
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample010.jpg" alt=""></div>
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample005.jpg" alt=""></div>
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample012.jpg" alt=""></div>
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample007.jpg" alt=""></div>
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample008.jpg" alt=""></div>
    						<div class="swiper-slide"><img src="https://into-the-program.com/demo/images/sample009.jpg" alt=""></div>
    					</div>
    					<div class="swiper-button-prev"></div>
    					<div class="swiper-button-next"></div>
    				</div>
    			</div>


    var slider = new Swiper ('.gallery-slider', {
    			slidesPerView: 1,
    			centeredSlides: true,
    			loop: true,
    			loopedSlides: 3, 
    			navigation: {
    				nextEl: '.swiper-button-next',
    				prevEl: '.swiper-button-prev',
    			},
    		});
    
    		var thumbs = new Swiper ('.gallery-thumbs', {
    			slidesPerView: 3,
    			spaceBetween: 60,
    			centeredSlides: true,
    			loop: true,
    			slideToClickedSlide: true,
    		});
    
    		slider.controller.control = thumbs;
    		thumbs.controller.control = slider;


    В моем примере миниатюры по 3 шт в ряд, и галерея после миниатюр. Но код точно рабочий, думаю под ваши нужды не составит труда допилить. Главное что при переключении слайдов или миниатюр, выбирается центральная и все корректно работает
    Ответ написан
    Комментировать
  • Как обработать Promise resolve в случае успешной оплаты QIWI?

    @salomatin Автор вопроса
    Сделать этого нельзя. В официальном чате ответили что код написал через одно место. Исправлять не планируют, через модальные окна сделать такое нельзя, только перенаправление на сайт QIWI
    Ответ написан
    Комментировать
  • Как сделать генератор возможных комбинаций на php?

    @salomatin Автор вопроса
    Короче сделал сам, немного индусский код, но все работает

    // количество цифр (К примеру 1-(1) 1-(2) 1-(3))
    $n = 3;

    // Количеств фиксированных вариантов (Можно посчитать при отправке через $_POST)
    $k = 4;

    $col_unic = pow($n, $k);
    echo 'Факториал '.$col_unic.'
    ';

    // В array можно положить значения через $_POST (В данном примере первые 4 фиксированы остальные будут заполнены автоматически)
    $array = [
    '1' => '1',
    '2' => '3',
    '3' => '1',
    '4' => '2',
    '5' => '',
    '6' => '',
    '7' => '',
    '8' => '',
    '9' => '',
    '10' => '',
    '11' => '',
    '12' => '',
    '13' => '',
    '14' => '',
    '15' => '',
    ];
    $array_comb = array();
    $array_all_comb = array();

    // Количество строк
    $count_combinations = 82;
    // Проверяем количество возможных вариантов
    $count_combinations = ($count_combinations >= $col_unic) ? $col_unic : $count_combinations;

    function rand_chislo () {
    global $array_comb;
    global $array;
    $array_comb[1] = ($array[1] == null) ? rand(1,3) : $array[1];
    $array_comb[2] = ($array[2] == null) ? rand(1,3) : $array[2];
    $array_comb[3] = ($array[3] == null) ? rand(1,3) : $array[3];
    $array_comb[4] = ($array[4] == null) ? rand(1,3) : $array[4];
    $array_comb[5] = ($array[5] == null) ? rand(1,3) : $array[5];
    $array_comb[6] = ($array[6] == null) ? rand(1,3) : $array[6];
    $array_comb[7] = ($array[7] == null) ? rand(1,3) : $array[7];
    $array_comb[8] = ($array[8] == null) ? rand(1,3) : $array[8];
    $array_comb[9] = ($array[9] == null) ? rand(1,3) : $array[9];
    $array_comb[10] = ($array[10] == null) ? rand(1,3) : $array[10];
    $array_comb[11] = ($array[11] == null) ? rand(1,3) : $array[11];
    $array_comb[12] = ($array[12] == null) ? rand(1,3) : $array[12];
    $array_comb[13] = ($array[13] == null) ? rand(1,3) : $array[13];
    $array_comb[14] = ($array[14] == null) ? rand(1,3) : $array[14];
    $array_comb[15] = ($array[15] == null) ? rand(1,3) : $array[15];
    }
    for ($i = 0; $i < $count_combinations; $i++) {
    // Генерируем выборку
    rand_chislo();
    $array_result = '1-('.$array_comb[1].');2-('.$array_comb[2].');3-('.$array_comb[3].');4-('.$array_comb[4].');5-('.$array_comb[5].');6-('.$array_comb[6].');7-('.$array_comb[7].');8-('.$array_comb[8].');9-('.$array_comb[9].');10-('.$array_comb[10].');11-('.$array_comb[11].');12-('.$array_comb[12].');13-('.$array_comb[13].');14-('.$array_comb[14].');15-('.$array_comb[15].'),';
    $unique = 0;
    while ($unique < 1) {
    if (in_array($array_result, $array_all_comb)) {
    //echo "Такая выборка есть";
    // Генерируем новую выборку
    rand_chislo();
    $array_result = '1-('.$array_comb[1].');2-('.$array_comb[2].');3-('.$array_comb[3].');4-('.$array_comb[4].');5-('.$array_comb[5].');6-('.$array_comb[6].');7-('.$array_comb[7].');8-('.$array_comb[8].');9-('.$array_comb[9].');10-('.$array_comb[10].');11-('.$array_comb[11].');12-('.$array_comb[12].');13-('.$array_comb[13].');14-('.$array_comb[14].');15-('.$array_comb[15].'),';
    }
    else {
    // echo 'Новая уникальная выборка';
    $unique = 1;
    }
    }

    $array_all_comb += [$i => $array_result];

    }
    foreach ($array_all_comb as $key => $value) {
    //echo 'KEY - '.$key.' 50;'.$value.'
    ';
    $value = str_replace("(2)", "(X)", $value);
    $value = str_replace("(3)", "(2)", $value);
    echo ' 50;'.$value.'
    ';
    }

    echo '
    Кол-во выборок '.count($array_all_comb);
    Ответ написан
  • Сохранение POST запроса в TXT?

    @salomatin
    Собирай данные с $_POST в переменные и сохраняй в файл
    $name = $_POST['name'];
    $text = $_POST['text'];

    $filed = "save.txt";
    $rez = "Имя: ".$name." Текст: ".$text;
    file_put_contents($filed, $rez);
    Можно через AJAX направлять запрос на php файл
    Ответ написан
  • Как при наведении на один объект запустить несколько Hover эффектов?

    @salomatin
    Добавим всему элементу класс к примеру item, двум вложенным элементам (которые надо изменить) добавь класс к примеру item-content

    В css сделай так
    item:hover .item-content {
    color: red;
    }
    Ну или задай другое значение, смотреть что за тип контента эти элементы. Может надо изменить background или т.п. В общем пропиши значение которое нужно сменить

    https://jsfiddle.net/ybu7vo29/
    Ответ написан
    7 комментариев
  • Яндекс Касса. Как перевести waiting_for_capture в статус завершен?

    @salomatin Автор вопроса
    Сам нашел ответ, может кому пригодится. Надо на странице на которую идут http уведомления указать заголовок header("HTTP/1.0 200");
    Ответ написан