Avatar billede Stickano Nybegynder
13. november 2013 - 20:04 Der er 1 kommentar og
1 løsning

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.
Avatar billede madslundholm Novice
14. november 2013 - 21:15 #1
Dit PHP script kan du snildt få omskrevet til javascript(Math.rand til at lave random nummer) og så lave en variable der.
Variabler i js skriver på denne måde: var img; og det næste gange vi skal bruge den skriver vi blot img; og for at lægge en streng til den variable så skal du skrive img+"streng"
Du skal inde i din funktion så sætte baggrunden til at være variable img.
Avatar billede Stickano Nybegynder
28. december 2013 - 02:46 #2
...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester