Design - javascript pour le fond adaptable
2 participants
Page 1 sur 1
Design - javascript pour le fond adaptable
pour que l'image de fond s'adapte aux différentes résolutions d'écran :
il faut disposer de l'image en plusieurs formats
dans le panneau d'admin, onglet "modules", tout en bas, il y a "gestion des codes javascript"
le javascript en question s'appelle "resolution", il est modifiable par l'icône jaune
voici le code actuel :
et le code expliqué :
il faut disposer de l'image en plusieurs formats
dans le panneau d'admin, onglet "modules", tout en bas, il y a "gestion des codes javascript"
le javascript en question s'appelle "resolution", il est modifiable par l'icône jaune
voici le code actuel :
- Code:
$(function(){
var bg= "http://i75.servimg.com/u/f75/16/22/83/29/192010.jpg";
if(screen.width < 1025) bg="http://i75.servimg.com/u/f75/16/22/83/29/fond1010.jpg";
else if(screen.width < 1201) bg="http://i75.servimg.com/u/f75/16/22/83/29/fond1210.jpg";
else if(screen.width < 1501) bg="http://i75.servimg.com/u/f75/16/22/83/29/fond1510.jpg";
else if(screen.width < 1901) bg="http://i75.servimg.com/u/f75/16/22/83/29/192010.jpg";
document.body.style.backgroundImage="url(\""+bg+"\")";
});
et le code expliqué :
- Code:
$(function(){
var bg= "lien de l'image au format maximum (ici 1920)";
if(screen.width < 1025) bg="lien de l'image en largeur 1024";
else if(screen.width < 1201) bg="lien de l'image en largeur 1200";
else if(screen.width < 1501) bg="lien de l'image en largeur 1500";
else if(screen.width < 1901) bg="lien de l'image en largeur 1920";
document.body.style.backgroundImage="url(\""+bg+"\")";
});
Re: Design - javascript pour le fond adaptable
liens des fonds "irlande"
1920x1125 : https://i.servimg.com/u/f75/16/22/83/29/1920ir10.jpg
1500x879 : https://i.servimg.com/u/f75/16/22/83/29/1500ir10.jpg
1200x703 : https://i.servimg.com/u/f75/16/22/83/29/1200ir10.jpg
1024x600 : https://i.servimg.com/u/f75/16/22/83/29/1024ir10.jpg
1920x1125 : https://i.servimg.com/u/f75/16/22/83/29/1920ir10.jpg
1500x879 : https://i.servimg.com/u/f75/16/22/83/29/1500ir10.jpg
1200x703 : https://i.servimg.com/u/f75/16/22/83/29/1200ir10.jpg
1024x600 : https://i.servimg.com/u/f75/16/22/83/29/1024ir10.jpg
Re: Design - javascript pour le fond adaptable
Ah c'est super tout ça !!!! Je n'avais pas réussi à trouver ce sujet lol ^^'
Merci infiniment !
Merci infiniment !
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum