Macelene a un joli Tiltviewer

manulemafatais

manulemafatais

Membre actif
26 Août 2004
433
379
54
transfuge Réunionnais-Savoyard
www.flickr.com
Bonjour tous,

Nonobstant le coup de boule un rien lourd que je me suis permis de t'envoyer Macelene... :rateau: J'ai cliqué sur ta signature et j'ai pris une claque !

Les photos sont jolies c'est sur :rose: :love: Mais ce style de galerie je ne conaissais pas. J'en ai voulu une tout de suite !

Pis en fait c'est un peu plus compliqué que prévu :(

http://www.airtightinteractive.com/projects/tiltviewer/docs.html#flickr
Donc j'en suis là mais je galère, quand j'essaye d'ouvrir 'index.html' avec textedit par exemple je ne vois que "TiltViewer requires JavaScript and the latest Flash player. Get Flash here." en blanc sur fond noir. Je ne vois pas où ecrire "fo.addVariable("useFlickr", "true");" et ce que ça va changer...

J'ai une galerie Flickr et j'ai aussi essayer de mettre des images dans le dossier "imgs" mais elles ne s'affichent pas, seulemenr celle qui y est déjà, la foret, sauf si j'en renome une "img.jpg" (le nom de la forêt en question), là ça bug un peu (photo trop grande) mais elle s'affiche... Bizarre cette histoire.

Voilà voilà, quelqu'un connaissait ? Je débarque ? vous y arrivez vous ?
 
le problème, c'est que tu ouvres index.html avec Textedit, qui essaie de faire un rendu du html...
utilise un "vrai" éditeur texte, ou ouvre ton document de cette façon avec Textedit, en cochant la petite case comme sur cette capture :
20080311-et88tmdaknp3jjs37ttskmddjt.jpg


Voilà, toi aussi, tu as le droit d'avoir une belle page de galerie photos :D
 
Yes merci. Je savais que c'était ça, qu'il me faisait un rendu du html et j'essayais de rectifier une fois ouvert, pas moyen.

Mais ce n'est pas fini j'ai peur... C'est un peu le bordel dans ce truc là pour un néophyte...





<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>TiltViewer</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="http://www.macromedia.com/go/getflashplayer/">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:
// http://www.airtightinteractive.com/projects/tiltviewer/config_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","640");

//GENERAL OPTIONS
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "3");
fo.addVariable("rows", "3");
//fo.addVariable("showFlipButton", "true");
//fo.addVariable("showLinkButton", "true");
//fo.addVariable("linkLabel", "View image info");
//fo.addVariable("frameColor", "0xFF0000");
//fo.addVariable("backColor", "0xDDDDDD");
//fo.addVariable("bkgndInnerColor", "0xFF00FF");
//fo.addVariable("bkgndOuterColor", "0x0000FF");
//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>



J'ai "Uncomment" le block //FLICKR GALLERY OPTIONS --> ça ne marche pas.
J'ai remis des // devant le block // XML GALLERY OPTIONS --> toujours pas.

Je vais y arriver tu crois ? :(
 
5. My XML gallery does not show any images. Why not?

First check your XML document does not have syntax errors. To do this, open it in any browser. The browser will warn you if there is an syntax error. Next check the image paths are correctly specified in the imageurl values . Relative paths are relative to the HTML page that contains the swf.
Cliquez pour agrandir...

C'est ça peut-être, mais mon browser me dit juste :
Image 1 This is a regular text description. Image 2 Image 3 This image has no link button becasue the 'linkurl' property was removed from the photo tag Image 4 This image has no flip button because the 'showFlipButton' property was added to the photo tag Image 5 Image 6 Image 7 Image 8 Image 9 Image 10 Image 11 Image 12 Image 13 Image 14 Image 15 Image 16
Cliquez pour agrandir...
Y'a pas d'erreurs là dedans si ?
 
tu veux utiliser tes photos flickr, non ?

pour utiliser ton stream flickr, il faut que cette partie du fichier soit comme cela, en remplaçant l'user_id par le tien :
Bloc de code: 
//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","640");

xml gallery options, c'est pour un flux rss de photos qui ne vienne pas de flickr, mais directement sur ton site web (comme avec iphoto sur .mac par exemple)
 
Marche pas :(
ça reste tout noir.

<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>TiltViewer</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="http://www.macromedia.com/go/getflashplayer/">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:
// http://www.airtightinteractive.com/projects/tiltviewer/config_options.html

//FLICKR GALLERY OPTIONS
// To use images from Flickr, uncomment this block
fo.addVariable("useFlickr", "true");
fo.addVariable("user_id", "24572745@N05");
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","640");

//GENERAL OPTIONS
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "3");
fo.addVariable("rows", "3");
//fo.addVariable("showFlipButton", "true");
//fo.addVariable("showLinkButton", "true");
//fo.addVariable("linkLabel", "View image info");
//fo.addVariable("frameColor", "0xFF0000");
//fo.addVariable("backColor", "0xDDDDDD");
//fo.addVariable("bkgndInnerColor", "0xFF00FF");
//fo.addVariable("bkgndOuterColor", "0x0000FF");
//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>
Cliquez pour agrandir...

Pourtant c'est bon, c'est mon id :confused:
 
Haut Bas