En poursuivant votre visite de ce site, vous acceptez l'utilisation de cookies pour permettre ses différents services. Voir les Mentions légales.
 
 
 
Vous êtes ici :   Accueil » Forum » Camera » flexslider en iframe responsive
 
 
 
    Imprimer la page...
    Imprimer la section...

Forum - Camera - flexslider en iframe responsive



le 17/04/2016 @ 16:31
par jplegrix

jplegrix

1 message

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

  
Site web jplegrix
sujet clos Haut  
Réponse n° 1
--------
le 17/04/2016 @ 19:19
par JeanDenis

JeanDenis

Administrateur
10 messages

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

Site web JeanDenis
clos par JeanDenis le 12/04/2018 @ 06:08 Haut  
Réponse n° 2
--------
le 17/04/2016 @ 19:48
par jplegrix

jplegrix

2 messages

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
Site web jplegrix
clos par JeanDenis le 12/04/2018 @ 06:08 Haut  
Réponse n° 3
--------
le 17/04/2016 @ 19:59
par JeanDenis

JeanDenis

Administrateur
11 messages

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

Site web JeanDenis
clos par JeanDenis le 12/04/2018 @ 06:08 Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter