Inserer un objet flash, une gallerie photo plus precisement.

El-CherubinEl-Cherubin Member
dans Archives
Bonjour,


je souhaite integrer une gallerie photo tout en flash, dans pluxml.
Cependant, ca ne fonctionne pas, et je ne trouve pas pourquoi.

http://el.cherubin.free.fr/pluxml >>> pluxml

http://el.cherubin.free.fr/pluxml/Galleries >>> la gallerie photo


templates2.php 
<!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>
<title><?php __('pagetitle'); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="pluxml/templates/<?php echo $pluxml->style; ?>/style2.css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="Rss" href="rss.php" />
</head>

<body>
<div id="top">
	
</div>

<div id="global">
	<div id="content">
	

<object type="application/x-shockwave-flash" data="http://el.cherubin.free.fr/pluxml/Galleries/picsengine2.swf?base=http://el.cherubin.free.fr/pluxml/Galleries/" width="100%" height="100%" width="100%" height="100%">
	        <param name="movie" value="http://el.cherubin.free.fr/pluxml/Galleries/picsengine2.swf?base=http://el.cherubin.free.fr/pluxml/Galleries/" width="100%" height="100%">
	</object>
	<iframe style="width:0px;height:0px;border:0;padding:0;margin:0;" src="" name="iframeGet" id="iframeGet"></iframe>

	
	</div>
	

	
	
	

	<div id="sidebar">
		<div id="categories">
			<h2>Catégories</h2>
			<?php __('catlist','Accueil'); ?>
		</div>
		<div id="liens">
			<h2>Liens utiles</h2>
			<ul>
				<li><a href=""></a>: </li>
				<li><a href=""></a>: </li>
				<li><a href=""></a>: </li>
			</ul>
			<h2>Syndication</h2>
			<ul>
				<li><?php __('rss'); ?></li>
				<li><?php __('atom'); ?></li>
			</ul>
			<h2>Administration</h2>
			<ul>
				<li><a href="pluxml/admin/">Administration</a></li>
			</ul>
		</div>
	</div>
	<hr />
	

</div>
	<div id="basdepage">
		<div id="copiraite">
			<p><?php __('pagination'); ?></p>
			<p>Généré par <a href="http://pluxml.org" title="Rejoindre le site officiel de Pluxml">Pluxml</a> | Maquillé par <a href="http://www.kloobik.org" title="Rejoindre le site officiel de Kloobik">Kloobik</a> sous licence CC
				<br />
			Valide <a href="http://validator.w3.org/check?uri=referer">XHTML</a> 1.0 Strict | Valide <a href="http://jigsaw.w3.org/css-validator/">CSS</a></p>
		</div>
	</div>
</body>
</html>
styles2.css 
/* CSS du thème graphique 'DiapoXml' pour Pluxml par kloobik.org*/

html {font-size : 70%;
	font-family : Tahoma, Helvetica, Arial, sans-serif;
	text-align: justify;
	color : #626561;
	background : url(img/fond_page.jpg) repeat-x top center #D3D9CF;}
body {width : 900px;
	margin : auto; padding : 0;
	background : url(img/fond_contenu.jpg) repeat-y center;}
#global {padding : 30px 0 10px 0;}
	
/* Styles généraux */
h1 {font-size : 1.6em;
	color:#FFF;}
h2 {font-size : 1.2em;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0;}
p {margin : 0; padding : 3px 10px 3px 0;}
a {color : #FFF;}
a:hover {color : #000;}
hr {clear : both; visibility : hidden; margin : 0; padding : 0;}

/* Entete du site */
#top {height : 319px;
	background : url(img/entete.jpg) center no-repeat;}

/* Zone de contenu de gauche*/
#content { /* Bloc */
	float : left;
	width : 800px;
	margin-left: 30px;	}
.post { /* Conteneur de l'article */
	padding : 0 0 35px 10px;}
.articletitle { /* Titre de l'article */
	color : #40423F;
	font-size : 1.5em;
	font-weight : bold;
	margin : 0; padding : 3px 0 0 0;}
.articletitle a{ /* Lien sur le titre de l'article */
	color : #40423F;
	text-decoration : none;}
.articletitle a:hover{
	color : #40423F;
	text-decoration:none;
	border-bottom: 1px #FFF dotted;
	}
.post-info { /* Informations de l'article (auteur, date etc...) */
	color : #FFF;
	margin : 2px 0 4px 0; padding : 0;}
.post-info a{color : #000;
	text-decoration:none;}
.post-info a:hover {color : #000;
	text-decoration:none;
	border-bottom: 1px #FFF dotted;}
#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	margin-top : 10px;
	text-align : center;}
	
/* Menu de droite */
#sidebar {
	float : right;
	width : 100px;}
#sidebar div {	margin : 8px 0 ;}
#sidebar h2 { /* Titre des menus de la sidebar */
	font-size : 1.1em;
	margin : 0; padding : 3px 0 3px 10px;
	font-weight : normal;}
#sidebar ul { /* bloc de liste */
	margin : 0; padding : 6px 0;}
#sidebar li { /* élément de liste */
	list-style-type : none;
	padding: 2px 0 2px 30px;}
#sidebar li a { /* Liens dans les listes */
	color : #fff;
	text-decoration : none;}
#sidebar li a:hover {color : #000;
	text-decoration:none;
	border-bottom: 1px #FFF dotted;}

/* Pied de page (#footer) */
#basdepage {
	text-align : center;
	width : 500px;
	margin : auto;
	border-top: 1px #5F6162 dotted; 
	padding-top : 10px;
	font-size : 1.00em;
}
index2.php 
<?php
# ***** BEGIN LICENSE BLOCK *****
# This file is part of Pluxml.
# Copyright (c) 2006 Skyline-arts.com. All rights reserved.
#
# Pluxml is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# Pluxml is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU General Public License for more details.
#
# ***** END LICENSE BLOCK *****


# On inclut les librairies nécéssaires
include ('pluxml/lib/class.pluxml.php');
include ('pluxml/lib/lib.util.php');
include ('pluxml/lib/functions.php');

# Création de l'objet principal
$pluxml = new pluxml('pluxml/conf/config.xml','pluxml/conf/categorie.xml');
$pluxml->mode(); # Définition du motif en fonction du mode

if($pluxml->cat_all && $pluxml->all_files){
	$pluxml->cat_used = $pluxml->usedCategorie();
	$pluxml->arrayFiles(); # Création du tableau des fichiers à traiter
	$pluxml->pagination(); # Définition de la pagination
	$pluxml->arrayArticles(); # Création du tableau d'articles à afficher
}

# Insertion du template
include ('pluxml/templates/'.$pluxml->style.'/template2.php');
?>
Merci beaucoup de votre aide! :)

Réponses

  • jfpjfp Member
    mars 2007 modifié
    Salut, tu as essayé en intégrant swfobject? http://blog.deconcept.com/swfobject/
  • MilkaJinkaMilkaJinka Member
    Je vois width="100%" height="100%
    Ça se fait ça dans le code HTML ? Je crois que ce n'est que dans les CSS qu'on peut mettre des % comme ça. Je peux me tromper bien sûr mais je n'ai jamais vu ça.
  • jfpjfp Member
    En effet, il vaudrait mieux que tu mette des valeurs en pixel, mais les %ages c'est possible oui
  • El-CherubinEl-Cherubin Member
    je ne connais pas swfobject... le javascript detecte si l'animation flash est viable ou pas, c'est ca?!

    Sinon, je vais essayer avec des pixels, je pensais qu'en % ca passerait ;)

    Merci de votre aide en tout cas!
  • elodyelody Member
    Je vois width="100%" height="100%
    Ça se fait ça dans le code HTML ?
    Un peu que ca se fait ;)
    Sinon pour insérer du flash suffit de la balise embed ou object je sais plus trop (je copie/colle en général d'apres mes archives), mais swfobject jamais vu ...
  • iKsiKs Member
    embed est pas valide (X)HTML (aucun des Doctypes).
    width et height ne sont pas valide (X)HTML Strict (pour les autres Doctypes je sait pas).

    On utilise le CSS pour les dimensions et <object> pour le flash.
  • El-CherubinEl-Cherubin Member
    C'est ce que je pensais, les % dans le CSS et la balise object, mais j'ai fait "plus simple" j'ai recuperer le code header et footer, puis integrer le tout, virer le css qui buggé le tout et j'ai reussi.

    Me reste a finaliser le tout ;)
Connectez-vous ou Inscrivez-vous pour répondre.