Я хочу сделать адаптивный баннер, который меняется в зависимости от разрешения экрана с помощью php, js и html. - PullRequest
Новая
       102

Я хочу сделать адаптивный баннер, который меняется в зависимости от разрешения экрана с помощью php, js и html.

1 голос
/ 13 июля 2020

Признаюсь, что плохо разбираюсь в php и js, но я пытаюсь вводить новшества и делать спусковой веб-сайт. Итак, я сделал 2 разных слайда, один для рабочего стола и один для мобильных устройств, получил шорткод и пытаюсь поместить его в виджет html, используя определение ширины экрана js и упоминая его в коде php. Возможно, это неправильно на многих уровнях, но, как я уже сказал, я ничего об этом не знаю, поэтому очевидно, что это не сработало, и код просто дал мне пустой виджет. Что я делаю не так? 

    <script type="text/javascript">
$(document).ready(function () {
  createCookie("width", $(window).width());
});
</script>

<?php
if ($_COOKIE["height"] => 768px) {
    echo do_shortcode('[URIS id=2822]');
} 
    else {
        echo do_shortcode('[URIS id=2883]');
    }

?>

Сообщение об ошибке: 

768px) { echo do_shortcode('[URIS id=2822]'); } else { echo do_shortcode('[URIS id=2883]'); } ?>

1 Ответ

1 голос
/ 13 июля 2020

Мой друг @ChristophKern помог мне, и я понял, что это было проще, чем я, хотя я просто использовал html и css вместо js и php. Полный код: 

<style>
@media only screen and (min-width: 768px) 
{
  #slider-pro-3-2883 
   {
    display: none;
   }
}

@media only screen and (max-width: 767px) 
{
  #slider-pro-3-2822 
   {
    display: none !important;
   }
}
</style>

[URIS id=2822]
[URIS id=2883]

Спасибо Крису и Funk Forty Niner за время, потраченное на помощь мне <3 </p>

...