Sujet Précédent Sujet Suivant

Insérer galerie tiltviewer dans page html

Résolu/Fermé
willy85 Messages postés 6 Date d'inscription samedi 22 août 2009 Statut Membre Dernière intervention 23 août 2009 - 22 août 2009 à 14:31
 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?
A voir également:

10 réponses

Réponse 1 / 10
Utilisateur anonyme
22 août 2009 à 14:32
On peut voir le code de la page index ? ou l'adresse du site ?

0
willy85 Messages postés 6 Date d'inscription samedi 22 août 2009 Statut Membre Dernière intervention 23 août 2009
22 août 2009 à 14:36
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
22 août 2009 à 14:43
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 Date d'inscription samedi 22 août 2009 Statut Membre Dernière intervention 23 août 2009
22 août 2009 à 16:06
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
22 août 2009 à 16:14
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 Date d'inscription samedi 22 août 2009 Statut Membre Dernière intervention 23 août 2009
22 août 2009 à 17:36
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
BoOkai
4 nov. 2010 à 16:35
et moi j'ai rien a par un bloc noir, vivement que quelqu'un trouve une solution...
0
Réponse 6 / 10
Utilisateur anonyme
22 août 2009 à 18:05
Une nouvelle page située au même niveau que ton index.html ?

0
Réponse 7 / 10
willy85 Messages postés 6 Date d'inscription samedi 22 août 2009 Statut Membre Dernière intervention 23 août 2009
22 août 2009 à 21:32
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 Date d'inscription samedi 22 août 2009 Statut Membre Dernière intervention 23 août 2009
23 août 2009 à 09:10
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
4 nov. 2010 à 04:19
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
4 nov. 2010 à 04:21
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

Discussions similaires

Dissocier les photos de ma galerie sur Google Photos
BourrinOman83 -
Pierr10 -

9 réponses