BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Elément masqué & media édition
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Elément masqué & media édition

 Répondre Répondre
Auteur
Message
LVO allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 02 Mai 2018
Status: Inactif
Points: 115
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer LVO Citer  RépondreRéponse Lien Direct à ce Post Sujet: Elément masqué & media édition
    Envoyé : 05 Juil 2018 à 19:52
Un élément masqué en fonction du média est il téléchargé par le navigateur ou simplement masqué?

Ex: Si je masque une image pour les smartphones, sera-t'elle complètement ignorée et non téchargée ou bien chargée et non affichée ?

Merci pour la réponse.
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Juil 2018 à 19:03
s'il est masqué, il est chargé
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
LVO allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 02 Mai 2018
Status: Inactif
Points: 115
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer LVO Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Juil 2018 à 19:13
Y a t'il un moyen pour qu'un élément ne soit pas téléchargé, afin d'alleger le poids des pages pour les smartphones ?
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 06 Juil 2018 à 22:07
soit créer un sous domaine et donc avoir 2 sites.

Soit charger les images par javascripts mais dans ce cas les images perdent en référencement
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 07 Juil 2018 à 09:06
c'est devenu ultra compliqué pour ça maintenant. La seule solution véritablement efficace est de "changer" les images masquées en media édition pour les alléger au maximum puis de les masquer.
Une solution pour éviter le dl via javascript est tr§s difficile à mettre en place, surtout avec OE.
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 08 Juil 2018 à 15:01
Changer les images en media edition n'empechera pas forcement le chargement de l'image "par defaut".

On peut utiliser des Blocs de Code Javascript +HTML pour charger ou non certains choses. Exemple d'un bloc de code visuel:
<img class='media-chargement' src="" data-src="Files/Other/mon-image.jpg" width="100%" />
<script>
$(function(){ 
  if ($(window).width() > 1024) { // seulement pour des grands ecrans (plus de 1024px)
    $('img.media-chargement').removeClass('media-chargement').each(function(){
      $(this).attr('src',  $(this).attr('data-src'));
    }); 
  }
});
</script>

On peut faire pareil avec des images de fond.
- Pourquoi faire simple si on peut faire compliqué? - C'est juste pour vous embêter
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.093 secondes.