Peut-on arranger la chose ?
Peut-on arranger la chose ?
Peut-on arranger la chose ?
Le 24/01/2014 09:57, alainL a écrit :Peut-on arranger la chose ?
ça peut aussi se faire avec 3 lignes de javascript,
tu trouveras facilement des diaporamas tout prêts,
et ça tournera sur TOUTES les plateformes.
Le 24/01/2014 09:57, alainL a écrit :
Peut-on arranger la chose ?
ça peut aussi se faire avec 3 lignes de javascript,
tu trouveras facilement des diaporamas tout prêts,
et ça tournera sur TOUTES les plateformes.
Le 24/01/2014 09:57, alainL a écrit :Peut-on arranger la chose ?
ça peut aussi se faire avec 3 lignes de javascript,
tu trouveras facilement des diaporamas tout prêts,
et ça tournera sur TOUTES les plateformes.
Le 24/01/14 13:57, Mac Larinett a écrit :Le 24/01/2014 09:57, alainL a écrit :Peut-on arranger la chose ?
ça peut aussi se faire avec 3 lignes de javascript,
d'autant que mon Fx ne "lit" pas non plus les beurks Flash !tu trouveras facilement des diaporamas tout prêts,
et ça tournera sur TOUTES les plateformes.
J'aime assez (et qui est léger et indépendant de biblis additionnelles)
lytebox : <http://lytebox.com/>
Cordialement,
Le 24/01/14 13:57, Mac Larinett a écrit :
Le 24/01/2014 09:57, alainL a écrit :
Peut-on arranger la chose ?
ça peut aussi se faire avec 3 lignes de javascript,
d'autant que mon Fx ne "lit" pas non plus les beurks Flash !
tu trouveras facilement des diaporamas tout prêts,
et ça tournera sur TOUTES les plateformes.
J'aime assez (et qui est léger et indépendant de biblis additionnelles)
lytebox : <http://lytebox.com/>
Cordialement,
Le 24/01/14 13:57, Mac Larinett a écrit :Le 24/01/2014 09:57, alainL a écrit :Peut-on arranger la chose ?
ça peut aussi se faire avec 3 lignes de javascript,
d'autant que mon Fx ne "lit" pas non plus les beurks Flash !tu trouveras facilement des diaporamas tout prêts,
et ça tournera sur TOUTES les plateformes.
J'aime assez (et qui est léger et indépendant de biblis additionnelles)
lytebox : <http://lytebox.com/>
Cordialement,
Merci. C'est vrai qu'il est chouette mais "léger" ?...
Je suis noyé dans le CSS et ne parviens pas à inclure le diapo dans ma
page déjà constituée (utilisant déjà deux CSS). Il s'ouvre dans une
nouvelle page .
J'ai essayé de m'y retrouver dans les options mais mon
anglais scolaire du bon vieux temps ne m'aide guère :-(
Le 24/01/2014 15:49, SAM a écrit :Le 24/01/14 13:57, Mac Larinett a écrit :Le 24/01/2014 09:57, alainL a écrit :Peut-on arranger la chose ?
ça peut aussi se faire avec 3 lignes de javascript,
J'aime assez (et qui est léger et indépendant de biblis additionnelles)
lytebox : <http://lytebox.com/>
Merci. C'est vrai qu'il est chouette mais "léger" ?...
Je suis noyé dans le CSS et ne parviens pas à inclure le diapo dans ma
page déjà constituée (utilisant déjà deux CSS). Il s'ouvre dans une
nouvelle page .
J'ai essayé de m'y retrouver dans les options mais mon
anglais scolaire du bon vieux temps ne m'aide guère :-(
Le 24/01/2014 15:49, SAM a écrit :
Le 24/01/14 13:57, Mac Larinett a écrit :
Le 24/01/2014 09:57, alainL a écrit :
Peut-on arranger la chose ?
ça peut aussi se faire avec 3 lignes de javascript,
J'aime assez (et qui est léger et indépendant de biblis additionnelles)
lytebox : <http://lytebox.com/>
Merci. C'est vrai qu'il est chouette mais "léger" ?...
Je suis noyé dans le CSS et ne parviens pas à inclure le diapo dans ma
page déjà constituée (utilisant déjà deux CSS). Il s'ouvre dans une
nouvelle page .
J'ai essayé de m'y retrouver dans les options mais mon
anglais scolaire du bon vieux temps ne m'aide guère :-(
Le 24/01/2014 15:49, SAM a écrit :Le 24/01/14 13:57, Mac Larinett a écrit :Le 24/01/2014 09:57, alainL a écrit :Peut-on arranger la chose ?
ça peut aussi se faire avec 3 lignes de javascript,
J'aime assez (et qui est léger et indépendant de biblis additionnelles)
lytebox : <http://lytebox.com/>
Je doute que seulement 3 lignes de script personnel puisse suffire ...
À mon idée, il faudra aussi qques lignes de html par image à afficher
Je doute que seulement 3 lignes de script personnel puisse suffire ...
À mon idée, il faudra aussi qques lignes de html par image à afficher
Je doute que seulement 3 lignes de script personnel puisse suffire ...
À mon idée, il faudra aussi qques lignes de html par image à afficher
Le 27/01/2014 11:40, SAM a écrit :Je doute que seulement 3 lignes de script personnel puisse suffire ...
À mon idée, il faudra aussi qques lignes de html par image à afficher
3 lignes :
for (var i = 1; i < TabImage.length; i++) {
var fonc1 = "document.images." + Imagecible + ".src=TabImage[" + i
+ "];";
setTimeout(fonc1, tempo * i);
}
Imagecible est l'id de l'image à changer, le tableau TabImage contient
les images du diaporama.
Le 27/01/2014 11:40, SAM a écrit :
Je doute que seulement 3 lignes de script personnel puisse suffire ...
À mon idée, il faudra aussi qques lignes de html par image à afficher
3 lignes :
for (var i = 1; i < TabImage.length; i++) {
var fonc1 = "document.images." + Imagecible + ".src=TabImage[" + i
+ "];";
setTimeout(fonc1, tempo * i);
}
Imagecible est l'id de l'image à changer, le tableau TabImage contient
les images du diaporama.
Le 27/01/2014 11:40, SAM a écrit :Je doute que seulement 3 lignes de script personnel puisse suffire ...
À mon idée, il faudra aussi qques lignes de html par image à afficher
3 lignes :
for (var i = 1; i < TabImage.length; i++) {
var fonc1 = "document.images." + Imagecible + ".src=TabImage[" + i
+ "];";
setTimeout(fonc1, tempo * i);
}
Imagecible est l'id de l'image à changer, le tableau TabImage contient
les images du diaporama.
Le 27/01/14 14:13, Mac Larinett a écrit :Le 27/01/2014 11:40, SAM a écrit :Je doute que seulement 3 lignes de script personnel puisse suffire ...
À mon idée, il faudra aussi qques lignes de html par image à afficher
3 lignes :
for (var i = 1; i < TabImage.length; i++) {
var fonc1 = "document.images." + Imagecible + ".src=TabImage[" + i
+ "];";
setTimeout(fonc1, tempo * i);
}
oui, bon ... disons que ...
mais ... ça glisse pas beaucoup
mais ... on peut pas y toucherImagecible est l'id de l'image à changer, le tableau TabImage contient
les images du diaporama.
Ha! il faut en plus les lignes pour déclarer les images !
On peut quand même un peu s'approcher du beurk flash au prix de qques
complications et sans trop de JavaScript (pas de biblis à rallonges)
<http://sandbox.scriptiny.com/tinyslider2/>
<http://www.scriptiny.com/2011/01/javascript-slider/>
et pour voir in situ :
<http://stephane.moriaux.pagesperso-orange.fr/truc/basabu_1>
Par regarder ce que ça pouvait donner sur une tablette (ni un phone)
Cordialement,
Le 27/01/14 14:13, Mac Larinett a écrit :
Le 27/01/2014 11:40, SAM a écrit :
Je doute que seulement 3 lignes de script personnel puisse suffire ...
À mon idée, il faudra aussi qques lignes de html par image à afficher
3 lignes :
for (var i = 1; i < TabImage.length; i++) {
var fonc1 = "document.images." + Imagecible + ".src=TabImage[" + i
+ "];";
setTimeout(fonc1, tempo * i);
}
oui, bon ... disons que ...
mais ... ça glisse pas beaucoup
mais ... on peut pas y toucher
Imagecible est l'id de l'image à changer, le tableau TabImage contient
les images du diaporama.
Ha! il faut en plus les lignes pour déclarer les images !
On peut quand même un peu s'approcher du beurk flash au prix de qques
complications et sans trop de JavaScript (pas de biblis à rallonges)
<http://sandbox.scriptiny.com/tinyslider2/>
<http://www.scriptiny.com/2011/01/javascript-slider/>
et pour voir in situ :
<http://stephane.moriaux.pagesperso-orange.fr/truc/basabu_1>
Par regarder ce que ça pouvait donner sur une tablette (ni un phone)
Cordialement,
Le 27/01/14 14:13, Mac Larinett a écrit :Le 27/01/2014 11:40, SAM a écrit :Je doute que seulement 3 lignes de script personnel puisse suffire ...
À mon idée, il faudra aussi qques lignes de html par image à afficher
3 lignes :
for (var i = 1; i < TabImage.length; i++) {
var fonc1 = "document.images." + Imagecible + ".src=TabImage[" + i
+ "];";
setTimeout(fonc1, tempo * i);
}
oui, bon ... disons que ...
mais ... ça glisse pas beaucoup
mais ... on peut pas y toucherImagecible est l'id de l'image à changer, le tableau TabImage contient
les images du diaporama.
Ha! il faut en plus les lignes pour déclarer les images !
On peut quand même un peu s'approcher du beurk flash au prix de qques
complications et sans trop de JavaScript (pas de biblis à rallonges)
<http://sandbox.scriptiny.com/tinyslider2/>
<http://www.scriptiny.com/2011/01/javascript-slider/>
et pour voir in situ :
<http://stephane.moriaux.pagesperso-orange.fr/truc/basabu_1>
Par regarder ce que ça pouvait donner sur une tablette (ni un phone)
Cordialement,
Mais là, c'est le top ! Un diapo qui marche au poil, placé tout prêt là
où je veux. Que demander de plus !
Je viens d' y ajouter un petit bout de php et de l'envoyer sur le
serveur à l'adresse http://basaburua.fr/no-kill3.php
J'ai testé avec Ffx, IE8, Chrome et sur mon smartphone sous androïd.
Bien partout. Juste un petit souci pour les caractères du texte sous
l'image avec Chrome: le bas des lettres est rogné.
J'ai essayé de supprimer le petit bandeau gris symbolisant les images
mais quand j'ai réussi, je n'avais plus de défilement :-(.
Mais là, c'est le top ! Un diapo qui marche au poil, placé tout prêt là
où je veux. Que demander de plus !
Je viens d' y ajouter un petit bout de php et de l'envoyer sur le
serveur à l'adresse http://basaburua.fr/no-kill3.php
J'ai testé avec Ffx, IE8, Chrome et sur mon smartphone sous androïd.
Bien partout. Juste un petit souci pour les caractères du texte sous
l'image avec Chrome: le bas des lettres est rogné.
J'ai essayé de supprimer le petit bandeau gris symbolisant les images
mais quand j'ai réussi, je n'avais plus de défilement :-(.
Mais là, c'est le top ! Un diapo qui marche au poil, placé tout prêt là
où je veux. Que demander de plus !
Je viens d' y ajouter un petit bout de php et de l'envoyer sur le
serveur à l'adresse http://basaburua.fr/no-kill3.php
J'ai testé avec Ffx, IE8, Chrome et sur mon smartphone sous androïd.
Bien partout. Juste un petit souci pour les caractères du texte sous
l'image avec Chrome: le bas des lettres est rogné.
J'ai essayé de supprimer le petit bandeau gris symbolisant les images
mais quand j'ai réussi, je n'avais plus de défilement :-(.
Le 27/01/14 21:39, alainL a écrit :Mais là, c'est le top ! Un diapo qui marche au poil, placé tout prêt là
où je veux. Que demander de plus !
Il ne faudra pas essayer de mettre des images de taille différente de
400/267.
Sauf à tout reprendre les css :-((Je viens d' y ajouter un petit bout de php et de l'envoyer sur le
serveur à l'adresse http://basaburua.fr/no-kill3.php
il te reste à récupérer l'image :
http://sandbox.scriptiny.com/tinyslider2/images/icons.gif
et :
- la rendre transparente
- modifier les css en fonction de là où tu ranges ce gif
Le mieux serait de créer la tienne.
C'est une application des "portes coulissantes"
<http://ateliercss2.free.fr/PagesExercices/2009/ImgCoul.php>
<http://stephane.moriaux.pagesperso-orange.fr/internet/web_css/rollover/bouton_3_etats_css.htm>
ou plus : application des sprites (voir Google)
<http://stephane.moriaux.pagesperso-orange.fr/truc/pg-sprites/>
<http://stephane.moriaux.pagesperso-orange.fr/truc/pg-sprites/3>J'ai testé avec Ffx, IE8, Chrome et sur mon smartphone sous androïd.
Bien partout. Juste un petit souci pour les caractères du texte sous
l'image avec Chrome: le bas des lettres est rogné.
Ha? Tiens ? oui !
dans la feuille de style, hop! augmenter la hauteur
#container {
position: relative;
background: #fff;
padding: 9px;
height: 290px; /* hauteur images + sous-titre */
}
voir ensuite chez les autres si ça ne fait pas apparaître un bout de la
vue suivante en dessousJ'ai essayé de supprimer le petit bandeau gris symbolisant les images
mais quand j'ai réussi, je n'avais plus de défilement :-(.
Le plus simple est de cacher ce truc, ou mieux, ne pas l'afficher
display: none;
.pagination {position:absolute; top:40px; right:61px; list-style:none;
height:25px; display:none; }
Si tu veux supprimer tout le div "pagination" il faut aussi modifier le
dernier script JS et mettre 'false' pour l'attribut (l'étiquette ?) 'navid'
vertical: 0,
navid: false, // ID of pagination UL
activeclass: 'current',
Cordialement,
Le 27/01/14 21:39, alainL a écrit :
Mais là, c'est le top ! Un diapo qui marche au poil, placé tout prêt là
où je veux. Que demander de plus !
Il ne faudra pas essayer de mettre des images de taille différente de
400/267.
Sauf à tout reprendre les css :-((
Je viens d' y ajouter un petit bout de php et de l'envoyer sur le
serveur à l'adresse http://basaburua.fr/no-kill3.php
il te reste à récupérer l'image :
http://sandbox.scriptiny.com/tinyslider2/images/icons.gif
et :
- la rendre transparente
- modifier les css en fonction de là où tu ranges ce gif
Le mieux serait de créer la tienne.
C'est une application des "portes coulissantes"
<http://ateliercss2.free.fr/PagesExercices/2009/ImgCoul.php>
<http://stephane.moriaux.pagesperso-orange.fr/internet/web_css/rollover/bouton_3_etats_css.htm>
ou plus : application des sprites (voir Google)
<http://stephane.moriaux.pagesperso-orange.fr/truc/pg-sprites/>
<http://stephane.moriaux.pagesperso-orange.fr/truc/pg-sprites/3>
J'ai testé avec Ffx, IE8, Chrome et sur mon smartphone sous androïd.
Bien partout. Juste un petit souci pour les caractères du texte sous
l'image avec Chrome: le bas des lettres est rogné.
Ha? Tiens ? oui !
dans la feuille de style, hop! augmenter la hauteur
#container {
position: relative;
background: #fff;
padding: 9px;
height: 290px; /* hauteur images + sous-titre */
}
voir ensuite chez les autres si ça ne fait pas apparaître un bout de la
vue suivante en dessous
J'ai essayé de supprimer le petit bandeau gris symbolisant les images
mais quand j'ai réussi, je n'avais plus de défilement :-(.
Le plus simple est de cacher ce truc, ou mieux, ne pas l'afficher
display: none;
.pagination {position:absolute; top:40px; right:61px; list-style:none;
height:25px; display:none; }
Si tu veux supprimer tout le div "pagination" il faut aussi modifier le
dernier script JS et mettre 'false' pour l'attribut (l'étiquette ?) 'navid'
vertical: 0,
navid: false, // ID of pagination UL
activeclass: 'current',
Cordialement,
Le 27/01/14 21:39, alainL a écrit :Mais là, c'est le top ! Un diapo qui marche au poil, placé tout prêt là
où je veux. Que demander de plus !
Il ne faudra pas essayer de mettre des images de taille différente de
400/267.
Sauf à tout reprendre les css :-((Je viens d' y ajouter un petit bout de php et de l'envoyer sur le
serveur à l'adresse http://basaburua.fr/no-kill3.php
il te reste à récupérer l'image :
http://sandbox.scriptiny.com/tinyslider2/images/icons.gif
et :
- la rendre transparente
- modifier les css en fonction de là où tu ranges ce gif
Le mieux serait de créer la tienne.
C'est une application des "portes coulissantes"
<http://ateliercss2.free.fr/PagesExercices/2009/ImgCoul.php>
<http://stephane.moriaux.pagesperso-orange.fr/internet/web_css/rollover/bouton_3_etats_css.htm>
ou plus : application des sprites (voir Google)
<http://stephane.moriaux.pagesperso-orange.fr/truc/pg-sprites/>
<http://stephane.moriaux.pagesperso-orange.fr/truc/pg-sprites/3>J'ai testé avec Ffx, IE8, Chrome et sur mon smartphone sous androïd.
Bien partout. Juste un petit souci pour les caractères du texte sous
l'image avec Chrome: le bas des lettres est rogné.
Ha? Tiens ? oui !
dans la feuille de style, hop! augmenter la hauteur
#container {
position: relative;
background: #fff;
padding: 9px;
height: 290px; /* hauteur images + sous-titre */
}
voir ensuite chez les autres si ça ne fait pas apparaître un bout de la
vue suivante en dessousJ'ai essayé de supprimer le petit bandeau gris symbolisant les images
mais quand j'ai réussi, je n'avais plus de défilement :-(.
Le plus simple est de cacher ce truc, ou mieux, ne pas l'afficher
display: none;
.pagination {position:absolute; top:40px; right:61px; list-style:none;
height:25px; display:none; }
Si tu veux supprimer tout le div "pagination" il faut aussi modifier le
dernier script JS et mettre 'false' pour l'attribut (l'étiquette ?) 'navid'
vertical: 0,
navid: false, // ID of pagination UL
activeclass: 'current',
Cordialement,