Сценарии — Как переключить 2 сценария в зависимости от размера браузера?
Я здесь новенький.
Я хотел бы спросить, можете ли вы переключить 2 сценария с помощью сценария? В настоящее время у меня есть 2 разных размера баннеров, которые вызываются с использованием кодов вызова.
Код вызова для 728×90
<ins data-revive-zoneid="12" data-revive-target="_blank" data-revive-blockcampaign="1" data-revive-id="713df90a5694f87d7cd7c1884e8e2f44"></ins>
<script async src="//www.site.com/baby/delivery/asyncjs.php">
Код вызова для 300×50
<ins data-revive-zoneid="6" data-revive-id="713df90a5694f87d7cd7c1884e8e2f44"></ins>
<script async src="//www.site.com/baby/delivery/asyncjs.php"></script>
То, что я до сих пор, это, но еще не пробовал.
if (Webbrowser)
{
728x90 Invocation code
}
if(Mobile Browser)
{
300x50 Invocation code
}
По сути, я просто хочу переключить 2 кода вызова в зависимости от размера браузера. Это возможно?
Решение
Храните обе реализации в отдельных div.
В css скрыть или показать div в зависимости от размера экрана.
HTML
<div class="largebanner"> <!-- code for banner large --></div>
<div class="smallbanner"> <!-- code for banner small --></div>
CSS
@media (min-width: 768px) {
.largebanner {
display : block;
}
.smallbanner {
display : none;
}
}
@media (max-width: 767px) {
.largebanner {
display : none;
}
.smallbanner {
display : block;
}
}
Другие решения
Других решений пока нет …