Random billede, med bestemt størrelse.
Jeg har brug for et script der vælger 1 af 3 tilfældige billeder. Lad os kalde dem billede1, billede2 og billede3.De her 3 billeder er så eksporteret i 3 forskellige størrelser.
En brede som følgende; 1920px, 1366px og 1280px.
De færdige billeder heder henholdvis billede1_1920.jpg, billede1_1366.jpg, billede1_1280.jpg osv osv.
Alt an på hvad brugeren har af skærmstørrelse, skal den vise billedet derefter.
Jeg er en dør til JavaScript hvis jeg skal være ærlig, så jeg har tilføjet lidt PHP som jeg kender lidt bedre til.
//PHP til at vælge et random billede
<?php
$pick = rand(1,3);
if($pick == 1){
$img = "billede1";
}elseif($pick == 2){
$img = "billede2";
}else{
$img = "billede3";
};
?>
Så kommer jeg til JS delen.....
<script type="text/javascript">
document.onload=pickIt()
function pickIt()
{
var h=screen.height
if(h<=768)
{
GØR ET ELLER ANDET FOR AT VÆLGE $img SAMT UDVIDELSEN.
$img . "_1280.jpg"; //<- noget i den dur.
}
else if(h>768&&h<1080)
{
GØR ET ELLER ANDET FOR AT VÆLGE $img SAMT UDVIDELSEN.
$img . "_1366.jpg";
}
else
{
GØR ET ELLER ANDET FOR AT VÆLGE $img SAMT UDVIDELSEN.
$img . "_1920.jpg";
}
}
</script>
Helt nøjagt, så er det et baggrundsbillede den skal vælge, og jeg syntes at kunne bruge;
document.getElementsByTagName('body')[0].style.backgroundImage="url()";
Men jeg skal have billede variablen ind i url(); og forstår mig ikke helt på hvordan.
Tak på forhånd.