Redimensionner le Logo en fonction de la taille de l'affichage
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Redimensionner le Logo en fonction de la taille de l'affichage
Bonjour à toutes et tous
Mon problème est relativement simple à énoncer, mais difficile pour moi à régler.
J'ai installé un logo de 1000 px de large en tête du forum, pour qu'il passe un peu partout.
Sur les smartphones, une partie de l'image est amputée, mais bon, au final ce n'est pas trop grave.
Sur les ordi avec une définition de 2014, le logo est nickel, par contre lorsque la définition des ordis est en 1600 alors là, le logo est tout petit.
J'ai cherché sur le FdF une solution, j'ai vu que pour le background il existe une instruction Javascript pour adapter l'image à la définition (en fait chargement d'une image différente en fonction de la définition).
C'est ce que je voudrais faire pour le logo d'entête, mais je n'ai rien trouvé.
Existe t-il aussi un javascript pour le faire
Merci de vos retours
Mon problème est relativement simple à énoncer, mais difficile pour moi à régler.
J'ai installé un logo de 1000 px de large en tête du forum, pour qu'il passe un peu partout.
Sur les smartphones, une partie de l'image est amputée, mais bon, au final ce n'est pas trop grave.
Sur les ordi avec une définition de 2014, le logo est nickel, par contre lorsque la définition des ordis est en 1600 alors là, le logo est tout petit.
J'ai cherché sur le FdF une solution, j'ai vu que pour le background il existe une instruction Javascript pour adapter l'image à la définition (en fait chargement d'une image différente en fonction de la définition).
C'est ce que je voudrais faire pour le logo d'entête, mais je n'ai rien trouvé.
Existe t-il aussi un javascript pour le faire
Merci de vos retours
Dernière édition par Cool-84 le Mar 8 Avr - 14:54, édité 1 fois
Re: Redimensionner le Logo en fonction de la taille de l'affichage
petit UP
il n'y a pas de solution ?
merci
il n'y a pas de solution ?
merci
Re: Redimensionner le Logo en fonction de la taille de l'affichage
Bonjour,
En reprenant le code du tutoriel, on peut essayer comme ça:
En reprenant le code du tutoriel, on peut essayer comme ça:
- Code:
$(function(){
var logo= "Adresse image (largeur plus grande que 1600px)";
if(screen.width < 801) logo="Adresse image (largeur 800px)";
else if(screen.width < 1025) logo="Adresse image (largeur 1024px)";
else if(screen.width < 1281) logo="Adresse image (largeur 1280px)";
else if(screen.width < 1601) logo="Adresse image (largeur 1600px)";
document.getElementById('i_logo').src=logo;
});
Re: Redimensionner le Logo en fonction de la taille de l'affichage
Merci SeLfde4Th7
Je viens d'essayer, mais çà ne fonctionne pas
A+
Je viens d'essayer, mais çà ne fonctionne pas
A+
Re: Redimensionner le Logo en fonction de la taille de l'affichage
Bonjour,
Peux-tu me montrer quel code tu as mis dans tes javascript exactement ?
L'as-tu bien mis sur toutes les pages ?
Possède tu d'autre javascript et si oui, lesquels ?
Peux-tu me montrer quel code tu as mis dans tes javascript exactement ?
L'as-tu bien mis sur toutes les pages ?
Possède tu d'autre javascript et si oui, lesquels ?
Re: Redimensionner le Logo en fonction de la taille de l'affichage
J'ai repris ton JS et ai inséré les liens des hébergeurs pour les images selon les tailles
$(function(){
var logo= "http://www.........................."
if(screen.width < 801) logo="http://www................................;
else if(screen.width < 1025) logo="http://www.........................";
else if(screen.width < 1281) logo="http://........................";
else if(screen.width < 1601) logo="http://www........................";
document.getElementById('i_logo').src=logo;
});
Oui, j'ai d'autres JS
- espace pour les milliers
- mentions bas de page
- catégories rétractables
- Mention "qui est en ligne"
A+
$(function(){
var logo= "http://www.........................."
if(screen.width < 801) logo="http://www................................;
else if(screen.width < 1025) logo="http://www.........................";
else if(screen.width < 1281) logo="http://........................";
else if(screen.width < 1601) logo="http://www........................";
document.getElementById('i_logo').src=logo;
});
Oui, j'ai d'autres JS
- espace pour les milliers
- mentions bas de page
- catégories rétractables
- Mention "qui est en ligne"
A+
Re: Redimensionner le Logo en fonction de la taille de l'affichage
Bonjour,
Pardonnez moi, j'ai cru que vous étiez sous phpBB2 et est testé sur mon forum.
Comme cela ça devrait être mieux :
Cordialement .
Pardonnez moi, j'ai cru que vous étiez sous phpBB2 et est testé sur mon forum.
Comme cela ça devrait être mieux :
- Code:
$(function(){
var logo= $('#logo img');
if(screen.width < 801){
$(logo).attr('src', 'Adresse image (largeur 800px)');
}else if(screen.width < 1025){
$(logo).attr('src', 'Adresse image (largeur 1024px)');
}else if(screen.width < 1281){
$(logo).attr('src', 'Adresse image (largeur 1280px)');
}else if(screen.width < 1601){
$(logo).attr('src', 'Adresse image (largeur 1600px)');
}else{
$(logo).attr('src', 'Adresse image (largeur plus grande que 1600px)');
};
});
Cordialement .
Re: Redimensionner le Logo en fonction de la taille de l'affichage
Cela marche nickel
Merci SeLfde4Th7, c'était vraiment sympa
A+
Merci SeLfde4Th7, c'était vraiment sympa
A+
Sujets similaires
» Redimensionner la taille d'un header
» Taille maximum du logo
» Taille du logo du forum
» Logo, banniere et taille
» comment changer taille logo
» Taille maximum du logo
» Taille du logo du forum
» Logo, banniere et taille
» comment changer taille logo
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum