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

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Problème d'affichage de SENSWHITE sur ipad
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Problème d'affichage de SENSWHITE sur ipad

 Répondre Répondre Page  <12345 6>
Auteur
Message
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é : 24 Nov 2019 à 09:36
J'ai désactivé normalement scrollreveal selon une taille du media queries, juste me dire si vous avez encore un souci avec les images.
Haut de la page
Cyril12345 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 24 Dec 2014
Pays: France
Status: Inactif
Points: 330
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Cyril12345 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 24 Nov 2019 à 10:06
Bonjour Brolysan,

Comment puis-je corriger le problème sur mon site (fait à partir de Senswhite) ? Que dois-je modifier ?

Est-ce la version de Senswhite téléchargeable depuis ce forum que vous avez corrigée ?

Merci pour vos réponses Smile
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é : 24 Nov 2019 à 10:29
Voila ce qu'il faut faire :
Ouvrez le projet
ouvrez le calque Base
Cliquez sur Code
cherchez la ligne HTML-JS-SCROLLREVEAL
Soit vous faites ceci :
Cliquez sur Comportement et mettez sur Désactiver
Ensuite, créez un nouveau bloc de code Source en cliquant sur la croix (à droite)
Dans la nouvelle fenêtre, donnez lui le nom que vous voulez, laisser le type en html et mettez dans Emplacement Endbody
Mettez ensuite le code suivant :


<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
<script type="text/javascript">
$(function(){
 // Smoove - smooth apparition:
if ($(window).width()>1023){
 $(function(){// Scroll reveal (apparition au scroll) :
 (new ScrollReveal()).reveal('.apply-smoove', { duration: 1000, distance: '500px', viewFactor: 0.025});
}); 
} else {} 
});
</script>


Sauvegardez ensuite et mettez en ligne.

Soit vous faites ceci :
Vous remplacez tout le code par celui ci :


<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
<script type="text/javascript">
$(function(){
 // Smoove - smooth apparition:
if ($(window).width()>1023){
 $(function(){// Scroll reveal (apparition au scroll) :
 (new ScrollReveal()).reveal('.apply-smoove', { duration: 1000, distance: '500px', viewFactor: 0.025});
}); 
} else {} 
});
</script>

Sauvegardez ensuite et mettez en ligne.
Haut de la page
Cyril12345 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 24 Dec 2014
Pays: France
Status: Inactif
Points: 330
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Cyril12345 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 24 Nov 2019 à 10:45
Merci beaucoup Brolysan ! Je vais essayer cela et reviendrait sur le forum pour faire part du résultat lorsque j'aurai pu le visualiser sur ipad (à la FNAC !).

Une petite précision : j'ai utilisé la première méthode décrite, et sur ma version à moi, la croix (en fait c'est un +) dont vous parlez pour créer un nouveau bloc de code Source est à gauche, et pas à droite Smile

Merci encore et bon dimanche ! Smile
Haut de la page
Cyril12345 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 24 Dec 2014
Pays: France
Status: Inactif
Points: 330
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Cyril12345 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 24 Nov 2019 à 10:49
... Oui en fait j'ai compris la "croix" est à la fin des blocs de code, donc à droite effectivement... ! Smile
Haut de la page
Cyril12345 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 24 Dec 2014
Pays: France
Status: Inactif
Points: 330
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Cyril12345 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 24 Nov 2019 à 13:20
Malheureusement, après un essai fait il y a 30 minutes sur un ipad dernière génération, cela ne marche pas Confused Le problème est toujours le même : les images n'apparaissent pas du tout...
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é : 24 Nov 2019 à 14:27
donc je confirme, cela vient bien d'ipadOS et pas d'IOS. Y a aucune véritable solution hormis changer TOUT le code de scrollreveal et passer par un élément : http://www.microvinc.fr/OE_ScrollReveal_Help.php

Je vais tester sensblack avec cet élément, pour être sûr à 100%.
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é : 24 Nov 2019 à 14:33
Je viens de mettre en ligne avec l'utilisation de l'élément. Si cela ne fonctionne pas, je ne vois pas de solution sans avoir un ipad avec ipadOS sous la main, désolé.
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é : 24 Nov 2019 à 14:49
Je viens d'avoir un screen de Bridet, c'est pas les images (vignettes) mais les sliders avec le parallax qui ne s'affichent pas??? faudrait penser à être plus "précis", ca m'éviterait de bosser pour rien la prochaine fois.
Haut de la page
Cyril12345 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 24 Dec 2014
Pays: France
Status: Inactif
Points: 330
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Cyril12345 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 24 Nov 2019 à 15:54
Oui Brolysan, il s'agit bien des sliders avec le parallax ! Comme je l'ai initialement indiqué dans mon premier message en parlant "des images avec parallax entre les rubriques" (le terme parallax me semblait indiquer suffisamment bien les choses) ; il me semble que Bridet avait bien compris.
Je suis vraiment désolé de cette confusion, évidemment je ne possède pas le langage précis des éléments et des spécialistes, mais il me semble que ma description était claire. Encore vraiment désolé.

Y a-t-il une solution pour ces images "Parallax" qui apparaissent très bien sur tous les ordi (même les Apple) et tous les smartphones, mais qui sont supprimées sur les ipad de dernière génération (elles n'apparaissent pas, on voit juste la plage où elles devraient se trouver mais ne sont pas là) ?

Merci Embarrassed
Haut de la page
 Répondre Répondre Page  <12345 6>
  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.063 secondes.