Insérer galerie tiltviewer dans page html

Résolu

willy85 Messages postés 6 Statut Membre -
BoOkai - 4 nov. 2010 à 16:35

Bonjour,
Je viens de créer une galerie avec tiltviewer que je veux mettre sur mon site.
J'ai réussi en insérant un lien avec le fichier index.html.
Mais je préférerais l'insérer dans une page html pour que cette galerie apparaisse directement sur la page d'accueil (sans cliquer sur un lien).
Pour cela, j'ai ouvert le fichier index.html avec wordpad que j'ai collé dans la page html mais c'est toujours le même message qui apparaît : "TiltViewer requires JavaScript and the latest Flash player. Get Flash here." même si j'ai mis à jour le flash player.
Que dois-je faire?

Configuration: Windows Vista

Afficher la suite

10 réponses

Réponse 1 / 10
Utilisateur anonyme

On peut voir le code de la page index ? ou l'adresse du site ?
0
1. willy85 Messages postés 6 Statut Membre
  
  Bonjour voici le code de la page index :
  
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>pentathlon - powered by the AirtightInteractive Tiltviewer Picasa template from www.paulvanroekel.nl</title>
  <script type="text/javascript" src="swfobject.js"></script>
  <style type="text/css">
  /* hide from ie on mac \*/
  html {
  height: 100%;
  overflow: hidden;
  }
  
  #flashcontent {
  height: 100%;
  }
  /* end hide */
  
  body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #000000;
  color:#ffffff;
  font-family:sans-serif;
  font-size:40;
  }
  
  a {
  color:#cccccc;
  }
  </style>
  </head>
  <body>
  <div id="flashcontent">TiltViewer requires JavaScript and the latest Flash player. <a href="https://get.adobe.com/flashplayer/">Get Flash here.</a></div>
  <script type="text/javascript">
  
  var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000");
  
  // TILTVIEWER CONFIGURATION OPTIONS
  // To use an option, uncomment it by removing the "//" at the start of the line
  // For a description of config options, go to:
  // https://www.simpleviewer.net/tiltviewer/support/options.html
  
  //FLICKR GALLERY OPTIONS
  // To use images from Flickr, uncomment this block
  //fo.addVariable("useFlickr", "true");
  //fo.addVariable("user_id", "48508968@N00");
  //fo.addVariable("tags", "jump,smile");
  //fo.addVariable("tag_mode", "all");
  //fo.addVariable("showTakenByText", "true");
  
  // XML GALLERY OPTIONS
  // To use local images defined in an XML document, use this block
  fo.addVariable("useFlickr", "false");
  fo.addVariable("xmlURL", "gallery.xml");
  fo.addVariable("maxJPGSize","900");
  
  //GENERAL OPTIONS
  fo.addVariable("useReloadButton", "false");
  fo.addVariable("columns", "5");
  fo.addVariable("rows", "5");
  //fo.addVariable("showFlipButton", "true");
  fo.addVariable("showLinkButton", "false");
  //fo.addVariable("linkLabel", "View image info");
  fo.addVariable("frameColor", "0xFFFFFF");
  fo.addVariable("backColor", "0x999999");
  fo.addVariable("bkgndInnerColor", "0x666666");
  fo.addVariable("bkgndOuterColor", "0x000000");
  //fo.addVariable("langGoFull", "Go Fullscreen");
  //fo.addVariable("langExitFull", "Exit Fullscreen");
  //fo.addVariable("langAbout", "About");
  
  // END TILTVIEWER CONFIGURATION OPTIONS
  
  fo.addParam("allowFullScreen","true");
  fo.write("flashcontent");
  </script>
  </body>
  </html>
  
  L'adresse du site est : http://ec-iletaitunefoislanderonde-85.ac-nantes.fr
  
  0
Réponse 2 / 10
Utilisateur anonyme

Bon bah déjà, on est d'accord que dans le HEAD de ta page tu appelles le script swfobject.js !

Sauf que... http://ec-iletaitunefoislanderonde-85.ac-nantes.fr/swfobject.js est introuvable...

Même chose avec TiltViewer.swf !! introuvable...

La, c'est sur que ca va pas le faire !
0
Réponse 3 / 10
willy85 Messages postés 6 Statut Membre

Bon les liens fonctionnent maintenant

http://ec-iletaitunefoislanderonde-85.ac-nantes.fr/flash/TiltViewer.swf

http://ec-iletaitunefoislanderonde-85.ac-nantes.fr/flash/swfobject.js

Mais sans succès...

Voici la nouvelle page index
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>pentathlon - powered by the AirtightInteractive Tiltviewer Picasa template from www.paulvanroekel.nl</title>
<script type="text/javascript" src="http://ec-iletaitunefoislanderonde-85.ac-nantes.fr/flash/swfobject.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}

#flashcontent {
height: 100%;
}
/* end hide */

body {
height: 100%;
margin: 0;
padding: 0;
background-color: #000000;
color:#ffffff;
font-family:sans-serif;
font-size:40;
}

a {
color:#cccccc;
}
</style>
</head>
<body>
<div id="flashcontent">TiltViewer requires JavaScript and the latest Flash player. <a href="https://get.adobe.com/flashplayer/">Get Flash here.</a></div>
<script type="text/javascript">

var fo = new SWFObject("http://ec-iletaitunefoislanderonde-85.ac-nantes.fr/flash/TiltViewer.swf/", "viewer", "100%", "100%", "9.0.28", "#000000")

// TILTVIEWER CONFIGURATION OPTIONS
// To use an option, uncomment it by removing the "//" at the start of the line
// For a description of config options, go to:
// https://www.simpleviewer.net/tiltviewer/support/options.html

//FLICKR GALLERY OPTIONS
// To use images from Flickr, uncomment this block
//fo.addVariable("useFlickr", "true");
//fo.addVariable("user_id", "48508968@N00");
//fo.addVariable("tags", "jump,smile");
//fo.addVariable("tag_mode", "all");
//fo.addVariable("showTakenByText", "true");

// XML GALLERY OPTIONS
// To use local images defined in an XML document, use this block
fo.addVariable("useFlickr", "false");
fo.addVariable("xmlURL", "gallery.xml");
fo.addVariable("maxJPGSize","900");

//GENERAL OPTIONS
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "5");
fo.addVariable("rows", "5");
//fo.addVariable("showFlipButton", "true");
fo.addVariable("showLinkButton", "false");
//fo.addVariable("linkLabel", "View image info");
fo.addVariable("frameColor", "0xFFFFFF");
fo.addVariable("backColor", "0x999999");
fo.addVariable("bkgndInnerColor", "0x666666");
fo.addVariable("bkgndOuterColor", "0x000000");
//fo.addVariable("langGoFull", "Go Fullscreen");
//fo.addVariable("langExitFull", "Exit Fullscreen");
//fo.addVariable("langAbout", "About");

// END TILTVIEWER CONFIGURATION OPTIONS

fo.addParam("allowFullScreen","true");
fo.write("flashcontent");
</script>
</body>
</html>
0
Réponse 4 / 10
Utilisateur anonyme

var fo = new SWFObject("http://ec-iletaitunefoislanderonde-85.ac-nantes.fr/flash/TiltViewer.swf/", "viewer", "100%", "100%", "9.0.28", "#000000")

var fo = new SWFObject("http://ec-iletaitunefoislanderonde-85.ac-nantes.fr/flash/TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000");

Quoi de neuf ?
0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 10
willy85 Messages postés 6 Statut Membre

Effectivement maintenant, quand je clique sur le fichier index.html, la galerie apparaît.

Mais quand j'insère le code de la page index.html dans une nouvelle page html, il y a toujours le même message qui apparaît...
0
1. BoOkai
  
  et moi j'ai rien a par un bloc noir, vivement que quelqu'un trouve une solution...
  
  0
Réponse 6 / 10
Utilisateur anonyme

Une nouvelle page située au même niveau que ton index.html ?
0
Réponse 7 / 10
willy85 Messages postés 6 Statut Membre

J'aimerais que la galerie s'affiche directement à l'intérieur d'un article.
Comme éditeur html, j'utilise fckEditor.
0
Réponse 8 / 10
willy85 Messages postés 6 Statut Membre

Merci pour votre aide, j'ai réussi à faire ce que je voulais avec ceci :

Comment inclure un fichier (X)HTML sans utiliser de frames ?
[haut]
auteur : Bisûnûrs
On utilise la balise object, en spécifiant qu'on inclut une page (X)HTML avec l'attribut type. Les attributs width et height permettent d'indiquer l'étendue de la page à inclure.
<object type="text/html" data="ma_page.html" width="500" height="500"></object>
Note : L'attribut data contient l'URL de la page à inclure
0
Réponse 9 / 10
BoOkai

hey,bonjoir tout le monde, alors moi j'ai un probleme avec tiltviewer aussi, le truc c'est que je veux que la gallerie apparaisse dans une div de 750x750, mais pour le moment et bien tout rest noir, et là je ne vois vraiment plus d'où ca peut venir

voilà le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<title>HOME - bd BoOkai designs</title>
<link rel="stylesheet" type="text/css" href="styletest.css" />
<script type="text/javascript" src="swfobject.js"></script>
<link rel="shortcut icon" href="http://www.bookaidesigns.com/favicon.png" />
</head>

<body>

<div id="wrapper">

...

<div id="content"> // width:750px et height:750px

<div id="flashcontent">
la gallerie necessite JavaScript et Flash player.
<a href="https://get.adobe.com/flashplayer/">
telecharger flash ici.
</a>
</div>
<script type="text/javascript">
var fo = new SWFObject("TiltViewer.swf", "shell", "100%", "100%", "9.0.28", "#000000");

fo.addVariable("useFlickr", "true");
fo.addVariable('user_id', '55454548@N03');
fo.addParam("allowFullScreen","true");
fo.write("flashcontent");
fo.addVariable("langGoFull", "Go Fullscreen");
fo.addVariable("langExitFull", "Exit Fullscreen");
fo.addVariable("columns", "3");
fo.addVariable("rows", "3");
fo.addVariable("showFlipButton", "true");
fo.addVariable("showLinkButton", "true");
</script>

</div>

<div id="footer">

</div>

</div>

</body>

</html>

en théorie ca devrait marcher, mais ce n'est pas le cas, mais je reste zen, merci d'avance pour le coup de main
0
Réponse 10 / 10
BoOkai

pour comparer, voici ce qui devrait s'afficher, ce n'est qu'une page de test...

https://www.simpleviewer.net/tiltviewer/app/?user_id=55454548@N03
0

Newsletters