> Tous les forums > Forum des Webmasters
 mettre un diaporama dans une page html
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
edwid
  Posté le 03/01/2016 @ 16:44 
Aller en bas de la page 
Petit astucien

Bonjour à toutes/tous et surtout bonne année à vous.

Je souhaite mettre un diaporama dans une partie de page html.
Je m'explique:

J'ai un container de 1000 x 800 dans lequel j'ai tracé une div de 700 x 500.
J'aimerai donc y coller un diaporama qui est composé des éléments suivants:

1 dossier images avec les images de 640 x 480 + 1 sous dossier thumbs 80 x 60

1 dossier scripts qui contient les fichiers: gallery.js / spryData.js / SpryEffect.js / xpath.js / style.css

A la racine du dossier diapo: le fichier index.html et le fichier slideshow.xml

l'ensemble fonctionne parfaitement en local mais le diaporama s'ouvre dans une nouvelle page, alors que je souhaite
qu'il se lance dans la Div ci-dessus mentionnée (700 x 500)

De quelle façon faut'il répartir les dossiers et fichiers, sachant que le lien serait dans la page container?

Désolé je ne peux vous indiquer de lien, car le site n'est pas en ligne. En revanche je peux vous mettre à dispo l'ensemble
de la création qui pèse ~ 900 Ko si vous me dites comment faire.

Merci d'avance pour vos conseils et encore "bonne année'

Ed

Publicité
Dreamer
 Posté le 04/01/2016 à 18:29 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Salut

Perso, je trouve qu'il y a beaucoup trop de js pour un simple diaporama ...

Question : quelles types d'images ?,

A+

edwid
 Posté le 05/01/2016 à 09:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonjour Dreamer,

Merci pour ta réponse à mon post.

Les images sont en .jpg classique de taille 640 x 480 compressées à environ 80% ce qui donne +/- 80 Ko par image.

En fait je cherche un diaporama simple, pas forcément automatique qui fonctionne sans php et sans flash, car j'aimerais
qu'il soit visible aussi sur tél mobile. J'ai parcouru ton site et ai très apprécié tes présentations,
je suis d'ailleurs resté sans voix, ayant passé 11 ans en Afrique Centrale (Caméroun Tchad RCA Nigéria).
C'est un peu dans ce style, en peut être moins grand que j'aimerai ce diaporama.
J'avais essayé avec divers programmes et chacun impose un fchier.swf (Lightbox Gallery, Phatfusion Slideshow, Simple Viewer, jQuery UI Slider...)

Ceci dit, je ne suis pas fixé par tel ou tel programme, du moment qu'il fonctionne aussi sur cellulaire, ça me conviendrait.

J'en profite pour relater un souci que j'ai rencontré plusieurs fois:
Une présentation faite par exemple avec Phatfusion fonctionne parfaitement en local (sans
parler de cellulaire) et une fois en ligne, ne fonctionne plus, alors que j'avais uploadé l'intégralité des fichiers nécéssaires.

Si tu as un conseil, je t'en serai reconnaissant et te remercie encore pour ta réponse.

Ed

Dreamer
 Posté le 05/01/2016 à 18:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

re

Il existe des slideshow (ou diaporama) qui sont responsive et en css et comme google est sensé être notre ami, il y a ceci par exemple :

- http://csscience.com/responsiveslidercss3/

- http://cssslider.com/fr/responsive-slider-2.html

- http://www.creativejuiz.fr/trytotry/juizy-slideshow-full-css3-html5/

etc ....

edwid
 Posté le 06/01/2016 à 11:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Dreamer, merci pour ces liens. Eh oui j'avoue que pour Google je n'ai pas systématiquement ce reflexe!

Je consulte et te tiens au courant.

Ed

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
22,99 €Souris filaire Logitech G203 LightSync à 22,99 €
Valable jusqu'au 19 Janvier

Amazon fait une promotion sur la souris filaire Logitech G203 LightSync qui passe à 22,99 € au lieu de 39 €. Elle possède un capteur 8000 dpi, 6 boutons programmables et un éclairage LightSync RGB personnalisable.


> Voir l'offre
24,99 €Clavier sans fil Logitech Wireless Desktop K400 Plus avec pavé tactile à 24,99 €
Valable jusqu'au 18 Janvier

Amazon fait une promotion sur le clavier sans fil Logitech Wireless Desktop K400 Plus à 24,99 €. Ce clavier sans fil dispose d'un large pavé tactile de 9 cm avec navigation multipoint pour un pointage à un doigt simplifié et un défilement vertical à deux doigts. Idéal pour contrôler votre ordinateur à distance, s'il est connecté à une TV par exemple. On le trouve ailleurs à partir de 40 €. 


> Voir l'offre
83,60 €Disque dur externe portable Toshiba Canvio Basics 4 To USB 3.0 à 83,60 €
Valable jusqu'au 21 Janvier

Amazon propose actuellement le disque dur externe portable Toshiba Canvio Basics 4 To USB 3.0 à 83,60 € seulement ! Avec ses 4 To et sa connectique USB 3.0 compatible USB 2.0, vous aurez de quoi stocker rapidement et emporter avec vous vos photos, vos films, etc.  La livraison est gratuite.


> Voir l'offre

Sujets relatifs
Panorama 360° en swf dans une page en HTML
creation automatique de liens dans une page html
Integration d'un bouton flash dans une page HTML
Probleme video flash dans page html
diaporama dans page d'accueil site web
convertir word.doc pour insertion dans page html
Affichage d'une page html dans un cadre flash
Bouton dans une page HTML pour copier un texte
Récupérer un script dans une page html
affichage flash dans page HTML
Plus de sujets relatifs à mettre un diaporama dans une page html
 > Tous les forums > Forum Forum des Webmasters