I am a complete beginner and am trying to learn HTML at the same time as modifying an existing website to be mobile friendly
@media only screen and (max-width: 500px) {
body {
background-color: lightblue;
}
}
@media only screen and (min-width: 500px) {
body {
background-color: coral;
}
}
</style></head><body><divid="slSection"><umbraco:MacrosplashMedia="[#splashMedia]"Alias="SplashScreenSlideshow1"runat="server"></umbraco:Macro></div>
Above is a code fragmant I need help with, as a test I haveset the page to change background colour from lightblue to corel when viewed on a smaller screen and this works.
Further down the code calls a script called SplashScreenSlideshow1
My problem is I would like call a different script based on the size of the viewing screen. How do I define a script name based on the screen size?
Script definition in header
in HTML/XHTML
Posted
I am a complete beginner and am trying to learn HTML at the same time as modifying an existing website to be mobile friendly
Above is a code fragmant I need help with, as a test I haveset the page to change background colour from lightblue to corel when viewed on a smaller screen and this works.
Further down the code calls a script called SplashScreenSlideshow1
My problem is I would like call a different script based on the size of the viewing screen. How do I define a script name based on the screen size?
Any help gratefully received
Thanks Andrew