[LR WEB] Карусель с приветствием для главной страницы.

[LR WEB] Карусель с приветствием для главной страницы. 2.0.0.3 | mobile fix

dek3or

Участник
Сообщения
85
Реакции
32
  • Автор ресурса
  • #1
dek3or добавил(а) новый ресурс:

[LR WEB] Карусель для главной страницы - [LR WEB] Данный модуль добавляет карусель на главную страницу

[LR WEB] Данный модуль добавляет карусель на главную страницу
Жду оценки <3
Посмотреть вложение 57885Посмотреть вложение 57886Посмотреть вложение 57887
Редактировать в app/modules/module_home_karusel/forward/interface.php

Узнать больше об этом ресурсе...
 

dek3or

Участник
Сообщения
85
Реакции
32
  • Автор ресурса
  • #2
Сегодня начал полностью перерабатывать модуль, ожидайте в ближайшее время обновление модуля. Прошу прощения у WizZzarD за то что взял его собственно обрезанные картинки.
 

SAPSAN 隼

Не было б печали, если бы ключи мне дали!
Сообщения
820
Реакции
776
Ух бракоделы!

Переделал немного, js и css разложил отдельно как и полагается
Вариантов как реализовать много, сделал очень простой!

в папку img кидаем фоновую картинку с нужными размерами и скрипт автоматом создаст дополнительную карусель
в файле slides.json можно указать информацию, а также ссылку и название кнопки.

JSON:
{
    "first": //Это название изображения что бы на этом фоне выводилась ваша информация!
    {
        "href":"?page=lk",//адрес ссылки
        "button":"Пополнить Баланс",//наименование кнопки если не указывать ее не будет
        "text":"Пополни баланс и получи бонус 5%!"// Ваша инфо так же если не указывать ее не будет
    },
    "second":
    {
        "href":"?page=lk",
        "button":"Пополнить Баланс 2",
        "text":"Пополни баланс и получи бонус 5%!"
    },
    "third-3":
    {
        "href":"?page=lk",
        "button":"Пополнить Баланс 3",
        "text":"Пополни баланс и получи бонус 5%!"
    }
}

Оптимизацию под мобильные устройства сделаете уже сами! Мне немного лень ковыряться с этим!

PS: для избежания всякой нечести и писания о том что якобы коряво отображаются блоки,
ДОЛЖЕН БЫТЬ ВКЛЮЧЕН ОБЩИЙ КЕШ ФАЙЛОВ CSS И JS В АДМИН МЕНЮ
А ТАК ЖЕ ОБНОВЛЕНЫ ВСЕ КЕШИ МОДУЛЕЙ!
В противном случае у Вас отвалятся РУКИ!
 

Вложения

  • module_home_karusel.rar
    831.1 КБ · Просмотры: 48
Последнее редактирование:

dek3or

Участник
Сообщения
85
Реакции
32
  • Автор ресурса
  • #4
Ух бракоделы!

Переделал немного, js и css разложил отдельно как и полагается
Вариантов как реализовать много, сделал очень простой!

в папку img кидаем фоновую картинку с нужными размерами и скрипт автоматом создаст дополнительную карусель
в файле slides.json можно указать информацию, а также ссылку и название кнопки.

JSON:
{
    "first": //Это название изображения что бы на этом фоне выводилась ваша информация!
    {
        "href":"?page=lk",//адрес ссылки
        "button":"Пополнить Баланс",//наименование кнопки если не указывать ее не будет
        "text":"Пополни баланс и получи бонус 5%!"// Ваша инфо так же если не указывать ее не будет
    },
    "second":
    {
        "href":"?page=lk",
        "button":"Пополнить Баланс 2",
        "text":"Пополни баланс и получи бонус 5%!"
    },
    "third-3":
    {
        "href":"?page=lk",
        "button":"Пополнить Баланс 3",
        "text":"Пополни баланс и получи бонус 5%!"
    }
}

Оптимизацию под мобильные устройства сделаете уже сами! Мне немного лень ковыряться с этим!

PS: для избежания всякой нечести и писания о том что якобы коряво отображаются блоки,
ДОЛЖЕН БЫТЬ ВКЛЮЧЕН ОБЩИЙ КЕШ ФАЙЛОВ CSS И JS В АДМИН МЕНЮ
А ТАК ЖЕ ОБНОВЛЕНЫ ВСЕ КЕШИ МОДУЛЕЙ!
В противном случае у Вас отвалятся РУКИ!
Хорошо, спасибо!
 

Fast-Kill

Админ школьник проверяет мой ПК на читы!
Сообщения
991
Реакции
299
Ух бракоделы!

Переделал немного, js и css разложил отдельно как и полагается
Вариантов как реализовать много, сделал очень простой!

в папку img кидаем фоновую картинку с нужными размерами и скрипт автоматом создаст дополнительную карусель
в файле slides.json можно указать информацию, а также ссылку и название кнопки.

JSON:
{
    "first": //Это название изображения что бы на этом фоне выводилась ваша информация!
    {
        "href":"?page=lk",//адрес ссылки
        "button":"Пополнить Баланс",//наименование кнопки если не указывать ее не будет
        "text":"Пополни баланс и получи бонус 5%!"// Ваша инфо так же если не указывать ее не будет
    },
    "second":
    {
        "href":"?page=lk",
        "button":"Пополнить Баланс 2",
        "text":"Пополни баланс и получи бонус 5%!"
    },
    "third-3":
    {
        "href":"?page=lk",
        "button":"Пополнить Баланс 3",
        "text":"Пополни баланс и получи бонус 5%!"
    }
}

Оптимизацию под мобильные устройства сделаете уже сами! Мне немного лень ковыряться с этим!

PS: для избежания всякой нечести и писания о том что якобы коряво отображаются блоки,
ДОЛЖЕН БЫТЬ ВКЛЮЧЕН ОБЩИЙ КЕШ ФАЙЛОВ CSS И JS В АДМИН МЕНЮ
А ТАК ЖЕ ОБНОВЛЕНЫ ВСЕ КЕШИ МОДУЛЕЙ!
В противном случае у Вас отвалятся РУКИ!
Помогите сделать на каждой картинке свою ссылку, а то я вставил ссылку и она у меня на всех страницах, а в slides.json все прописано но не помогает
C-подобный:
<div class="slideshow-container">
  <?php $_Sliders = scandir("app/modules/module_home_karusel/img/");
    $_Json_Desc = json_decode(file_get_contents("app/modules/module_home_karusel/slides.json"), true);
    $_Carusel = 1;
    foreach ($_Sliders as $JPG): if(substr($JPG, 0, 1) == '.') continue; $_JSN = explode('.', $JPG)[0]; $_Carusel++;?>

      <div class="mySlides fade col-12" style="background-image: url(app/modules/module_home_karusel/img/<?=$JPG?>);">
        <?php if(isset($_Json_Desc[$_JSN])):
            if(!empty($_Json_Desc[$_JSN]['button'])):?>
              <div class="slide-info">
                <h5 class="badge"><i class="zmdi zmdi-help-outline zmdi-hc-fw"></i>
                <a target="_self" href="https://vk.com/russianfastkil"><?=$_Json_Desc[$_JSN]['button']?></a></span>
              </div>
            <?php endif;
            if(!empty($_Json_Desc[$_JSN]['text'])):?>
                <div class="slide-text"><?=$_Json_Desc[$_JSN]['text']?></div>
        <?php endif;
      endif;?>
      </div>
  <?php endforeach;?>

  <a class="prev" onclick="plusSlides(-1)">❮</a>
  <a class="next" onclick="plusSlides(1)">❯</a>

  <div class="slide-curent">
    <?php for ($i=1; $i < $_Carusel; $i++):?>
      <span class="dot" onclick="currentSlide(<?=$i?>)"></span>
    <?php endfor;?>
  </div>
</div>
 

dek3or

Участник
Сообщения
85
Реакции
32
  • Автор ресурса
  • #6
Помогите сделать на каждой картинке свою ссылку, а то я вставил ссылку и она у меня на всех страницах, а в slides.json все прописано но не помогает
C-подобный:
<div class="slideshow-container">
  <?php $_Sliders = scandir("app/modules/module_home_karusel/img/");
    $_Json_Desc = json_decode(file_get_contents("app/modules/module_home_karusel/slides.json"), true);
    $_Carusel = 1;
    foreach ($_Sliders as $JPG): if(substr($JPG, 0, 1) == '.') continue; $_JSN = explode('.', $JPG)[0]; $_Carusel++;?>

      <div class="mySlides fade col-12" style="background-image: url(app/modules/module_home_karusel/img/<?=$JPG?>);">
        <?php if(isset($_Json_Desc[$_JSN])):
            if(!empty($_Json_Desc[$_JSN]['button'])):?>
              <div class="slide-info">
                <h5 class="badge"><i class="zmdi zmdi-help-outline zmdi-hc-fw"></i>
                <a target="_self" href="https://vk.com/russianfastkil"><?=$_Json_Desc[$_JSN]['button']?></a></span>
              </div>
            <?php endif;
            if(!empty($_Json_Desc[$_JSN]['text'])):?>
                <div class="slide-text"><?=$_Json_Desc[$_JSN]['text']?></div>
        <?php endif;
      endif;?>
      </div>
  <?php endforeach;?>

  <a class="prev" onclick="plusSlides(-1)">❮</a>
  <a class="next" onclick="plusSlides(1)">❯</a>

  <div class="slide-curent">
    <?php for ($i=1; $i < $_Carusel; $i++):?>
      <span class="dot" onclick="currentSlide(<?=$i?>)"></span>
    <?php endfor;?>
  </div>
</div>
Сделал обновление, там все пофикшено.
 
Последнее редактирование:

dek3or

Участник
Сообщения
85
Реакции
32
  • Автор ресурса
  • #7
dek3or обновил(а) ресурс [LR WEB] Карусель с приветствием для главной страницы. новой записью:

[LR WEB] Карусель с приветствием для главной страницы. 1.0.0.1

Полностью переделал модуль с нуля.
Оптимизировал код.
Облегчил настройку.
Изменены фото.
(//в ближайшее время если не поленюсь сделаю анимацию перелистывания.)
Благодарность в помощи @сапсан

Узнать больше об этом обновлении...
 

Fast-Kill

Админ школьник проверяет мой ПК на читы!
Сообщения
991
Реакции
299
какой из них качать? В последнем нету картинок надо свои заливать(
 

dek3or

Участник
Сообщения
85
Реакции
32

Fast-Kill

Админ школьник проверяет мой ПК на читы!
Сообщения
991
Реакции
299
А я думал че пропало. А так нормально получилось, молодец. Надо сделать чтоб в мобильной версии нормально отображало. Будет сделано?
 

KENOXYD

Участник
Сообщения
59
Реакции
37
1589959484728.png

Not working as it should
 
Последнее редактирование модератором:

dek3or

Участник
Сообщения
85
Реакции
32
  • Автор ресурса
  • #14
А я думал че пропало. А так нормально получилось, молодец. Надо сделать чтоб в мобильной версии нормально отображало. Будет сделано?
Будет сделано, на днях
Сообщения автоматически склеены:

Поверь такого не будет!
Пишет чел, который перепродает lr модули, за цену ниже и ставит с друга аккаунта фэйспалм мне, смешно (этот аккаунт друга) и каждый день спрашивает в дс буду ли я покупать автодемо у него, ахахэаэа
 

WizZzarD

Участник
Сообщения
50
Реакции
4
Хм, ну раз ты так просишь, дам свою оценку.
1) Сделай нормальное название модуля, изначально, при скачивании,он у меня даже устанавливаться не хотел. Модули, которые отображаются на главной странице должны называться module_block_main_moduleName
2) При добавлении твоей карусели появляется горизонтальный скролл на всю страницу.
3) Почему карусель не растянута на всю ширину контейнера?
4) Добавь возможность открывать ссылки в новом окне
6) Добавь возможность изменять цвет текста, или сделай его постоянным, соответствующем оформлению сайта var(--span-color);
7) Что за ужас творится на мобильной версии? Если уж у тебя текст вылазит за пределы блок, то скрой его overflow: hidden, или же,не ограничивай его блоком, пусть тянется на весь image
8) Файл readme не нужен абсолютно, у тебя есть описание установки здесь, тут и пишешь все, что для этого нужно
9) Рамку переделай, смотрится ужасно. ИМХО.
Вроде все
 
Сверху Снизу