guppy.71site.fr - Forum - --unknown--

Nouvelles Téléchargements Liens FAQ Livre d'or Forum

Forum - --unknown-- - Sujet n°8

Sujet n°8 - flexslider en iframe responsive
- par jplegrix le 17/04/2016 @ 16:31

BonjourMerci pour ton travail.Je suis nul et je n'arrive pas à mettre un diaporama de 4 diapos en page d' accueil, dans une iframe responsiveLa présentation, le président du salon et les deux invités Voilà les infos sur le site. GuppY 5.01.02Système d'exploitation du serveur : Linux 3.18.11-vs2.3.7.4-bengPHP : 5.2.17 / MET=40 - ML=196M - UMF=50M - PMS=50M - MFU=20URL du site : https://www.salon-du-livre-rambouillet-ffsl.fr/Plugins : Sommaire, Horloge, Glossaire 3.1.3, Devinette, Vitesse de ConnexionUA: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.112 Safari/537.36Device: computerRésolution écran : 1600x900 / 1600x860

Réponse n° 1
- par JeanDenis le 17/04/2016 @ 19:19

Bonsoir,

Merci de ce commentaire.
Si tu souhaites une iframe responsive (ce qui n'est pas obligatoire...) tu dois ajouter dans ton fichier styeplus.css le style suivant :

Code : css

.iframe-responsive-wrapper        {
    position: relative;
}
.iframe-responsive-wrapper .iframe-ratio {
    display: block;
    width: 100%;
    height: auto;
}
.iframe-responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Ensuite, il faut que tes quatre images aient la même dimension (supposons 400x600px). Et que tu crées une image de même ratio gif transparente par exemple 40x60px.

Si tu en es là, reviens et je t'aiderais à poursuivre.

Cordialement,
Jean-Denis

Réponse n° 2
- par jplegrix le 17/04/2016 @ 19:48

Bonsoir
Oui j'en suis là mais pas sur le même site.Les images sont dans le dossier img/ edito1.jpg : img/edito2.JPG :img/edito3.JPG :img/edito4.jpgj'ai créé une image ratio en gif de 950/713
Je vous donne les références.GuppY 5.01.02Système d'exploitation du serveur : Linux 3.18.11-vs2.3.7.4-bengPHP : 5.2.17 / MET=40 - ML=196M - UMF=50M - PMS=50M - MFU=20URL du site : https://www.jeanpierrelegrix.fr/Plugins : Sommaire, Horloge, Glossaire 3.1.3, Devinette, OpenFiches, Vitesse de ConnexionUA: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.112 Safari/537.36Device: computerRésolution écran : 1600x900 / 1600x860

Merci de votre réponse rapide.JP legrix

Réponse n° 3
- par JeanDenis le 17/04/2016 @ 19:59

Re,

Je viens de voir cela...
Mais ce que tu as fait ne peut pas fonctionner ainsi (du moins pour l'instant).
Flexslider ne s'utilise qu'à partir d'un fichier .html appelé dans un iframe.

Si tu ne l'as pas fait, télécharge le zip :
https://www.71site.fr/dwnld71.php?lng=fr&pg=73&tconfig=0

Examine son contenu et inspire toi de celui-ci.
Retourne ensuite voir sur le tutoriel des iframes responsives.

Sinon, Camera, lui est intégré dans GuppY et permet de faire peut-être plus facilement ce que tu souhaites.
Va voir son tutoriel...
https://www.71site.fr/articles.php?lng=fr&pg=20&mnuid=19&tconfig=0

Reviens ici, si tu le souhaites.
Cordialement,
Jean-Denis

Retour à la liste des sujets

Haut